diff --git a/.eslintrc b/.eslintrc
index 18233d1..7081a90 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -14,7 +14,7 @@
     "ecmaVersion": 2018,
     "sourceType": "module",
     "ecmaFeatures": {
-        "jsx": true
+      "jsx": true
     }
   },
   "parser": "babel-eslint",
diff --git a/README.md b/README.md
index a52712d..fa1812d 100644
--- a/README.md
+++ b/README.md
@@ -21,6 +21,18 @@ e.g.: `<FeatherIcon icon="copy" size="24" />` or `<... size={24} />`
 
 Sizes can always be easily overridden by CSS.
 
+**Setting fill and other properties**
+
+Fill defaults to none, but can be passed as a React prop
+
+`<FeatherIcon icon="heart" fill="red" />`
+
+Addtionally, you can add any other SVG tag properties, and they will pass through.
+
+**Setting colors**
+
+Use CSS. The icons default to use currentColor. This is equivalent to whatever text color is being used in the icon's container. 
+
 #### Dynamically change icons
 **Toggle icon example:**
 ```javascript