feat: QField should allow to set icon color quasarframework#1577

Author: rstoenescu

src/components/field/QField.js

@@ -18,6 +18,7 @@ export default {
     warningLabel: String,
     helper: String,
     icon: String,
+    iconColor: String,
     dark: Boolean,
     orientation: {
       type: String,
@@ -103,6 +104,13 @@ export default {
       return this.isVertical
         ? `col-xs-12`
         : (this.isHorizontal ? 'col' : 'col-xs-12 col-sm')
+    },
+    iconProps () {
+      const prop = { name: this.icon }
+      if (this.iconColor && !this.hasError && !this.hasWarning) {
+        prop.color = this.iconColor
+      }
+      return prop
     }
   },
   provide () {
@@ -137,7 +145,7 @@ export default {
     }, [
       this.icon
         ? h(QIcon, {
-          props: { name: this.icon },
+          props: this.iconProps,
           staticClass: 'q-field-icon q-field-margin'
         })
         : (this.insetIcon ? h('div', { staticClass: 'q-field-icon' }) : null),