Adds ecosystems icon

README.md

@@ -30,4 +30,12 @@ Many of these icons are derived from the [Noun Project](http://thenounproject.co
 * Code - [Designed by Brennan Novak](http://thenounproject.com/term/code/16323/)
 * City - [Designed by Juan Pablo Bravo](http://thenounproject.com/term/city/17945/)
 * Government Office - [Designed by Pipe Rosas Licht](http://thenounproject.com/term/government-office/17131/)
-* Explosion - [Designed by Renee Ramsey-Passmore](http://thenounproject.com/term/explosion/2348/)
+* Explosion - [Designed by Renee Ramsey-Passmore](http://thenounproject.com/term/explosion/2348/)
+
+The ecosystems icon combines the following:
+
+* Mountains - [Designed by Andrew J. Young](http://thenounproject.com/term/mountains/15616/)
+* Pine Tree - [Designed by Humberto Pornaro](http://thenounproject.com/term/tree/7616/)
+* Tree - [Designed by Shane Herzog](http://thenounproject.com/term/tree/16017/)
+* Rain - [Designed by Alex Valdivia](http://thenounproject.com/term/rain/16754/)
+

iconography/font/icons-reference.html

@@ -137,6 +137,10 @@ <h2>Character mapping</h2>
           <div data-icon="&#xe016;" class="icon"></div>
           <input type="text" readonly="readonly" value="&amp;#xe016;">
         </li>
+        <li>
+          <div data-icon="&#xe017;" class="icon"></div>
+          <input type="text" readonly="readonly" value="&amp;#xe017;">
+        </li>
       </ul>
       <h2>CSS mapping</h2>
       <ul class="glyphs css-mapping">
@@ -192,6 +196,10 @@ <h2>CSS mapping</h2>
           <div class="icon datagov-topic-geospatial"></div>
           <input type="text" readonly="readonly" value="topic-geospatial">
         </li>
+        <li>
+          <div class="icon datagov-topic-health"></div>
+          <input type="text" readonly="readonly" value="topic-health">
+        </li>
         <li>
           <div class="icon datagov-topic-impact"></div>
           <input type="text" readonly="readonly" value="topic-impact">
@@ -229,8 +237,8 @@ <h2>CSS mapping</h2>
           <input type="text" readonly="readonly" value="topic-weather">
         </li>
         <li>
-          <div class="icon datagov-topic-health"></div>
-          <input type="text" readonly="readonly" value="topic-health">
+          <div class="icon datagov-topic-ecosystems"></div>
+          <input type="text" readonly="readonly" value="topic-ecosystems">
         </li>
       </ul>
     </div><script type="text/javascript">

iconography/font/styles.css

@@ -77,33 +77,36 @@
 .datagov-topic-geospatial:before {
   content: "\e00c";
 }
-.datagov-topic-impact:before {
+.datagov-topic-health:before {
   content: "\e00d";
 }
-.datagov-topic-jobs-and-skills:before {
+.datagov-topic-impact:before {
   content: "\e00e";
 }
-.datagov-topic-law:before {
+.datagov-topic-jobs-and-skills:before {
   content: "\e00f";
 }
-.datagov-topic-manufacturing:before {
+.datagov-topic-law:before {
   content: "\e010";
 }
-.datagov-topic-ocean:before {
+.datagov-topic-manufacturing:before {
   content: "\e011";
 }
-.datagov-topic-research:before {
+.datagov-topic-ocean:before {
   content: "\e012";
 }
-.datagov-topic-safety:before {
+.datagov-topic-research:before {
   content: "\e013";
 }
-.datagov-topic-states:before {
+.datagov-topic-safety:before {
   content: "\e014";
 }
-.datagov-topic-weather:before {
+.datagov-topic-states:before {
   content: "\e015";
 }
-.datagov-topic-health:before {
+.datagov-topic-weather:before {
   content: "\e016";
 }
+.datagov-topic-ecosystems:before {
+  content: "\e017";
+}