🎨 Update CSV Icon

ConradSollitt · ConradSollitt · commit ef1d2a3811a3 · 2022-02-21T21:42:35.000-08:00
diff --git a/docs/to-do-list.txt b/docs/to-do-list.txt
@@ -27,8 +27,7 @@ TODO List
         After NPM release update all "../js/" to the CDN Page
         Use global search of "../js/" to find files that need to be updated
     - This is being worked on mid-Feb 2022 and will likely be published by the end of this month
-    - Need to test more browsers, IE, Safari, etc
-    - Need a CSV icon (currently Excel icon is used for both Excel and CSV)
+    - Verify new CSV icon with IE and different screens
 
 **) Update the Getting Started CSS Template used here:
         https://www.dataformsjs.com/en/getting-started
diff --git a/examples/countries-no-spa-hbs.htm b/examples/countries-no-spa-hbs.htm
@@ -42,7 +42,7 @@ <h1>Countries</h1>
                         data-export-excel-selector="table"
                         data-export-file-name="Countries.xlsx">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
diff --git a/examples/countries-no-spa-js.htm b/examples/countries-no-spa-js.htm
@@ -41,7 +41,7 @@ <h1>Countries</h1>
                         data-export-excel-selector="table"
                         data-export-file-name="Countries.xlsx">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
diff --git a/examples/countries-no-spa-vue.htm b/examples/countries-no-spa-vue.htm
@@ -56,7 +56,7 @@ <h1>Countries</h1>
                         data-export-excel-selector="table"
                         data-export-file-name="Countries.xlsx">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
diff --git a/examples/countries-no-spa-web.htm b/examples/countries-no-spa-web.htm
@@ -50,7 +50,7 @@ <h1>Countries</h1>
                             data-export-excel-selector="table"
                             data-export-file-name="Countries.xlsx">
                         <img class="download"
-                            src="img/Excel.svg"
+                            src="img/CSV.svg"
                             height="16"
                             width="16"
                             alt="Download to CSV"
diff --git a/examples/html/cities-hbs.htm b/examples/html/cities-hbs.htm
@@ -16,7 +16,7 @@ <h1>{{i18n 'Largest Cities in'}} {{country}}, {{region}}</h1>
             data-export-excel-selector="table"
             data-export-file-name="{{i18n 'Cities'}}.xlsx">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="{{i18n 'Download to CSV'}}"
diff --git a/examples/html/cities-js.htm b/examples/html/cities-js.htm
@@ -17,7 +17,7 @@ <h1><span data-i18n="Largest Cities in"></span> <span data-bind="country"></span
             data-export-file-name="[[Cities]].xlsx"
             data-i18n-attr="alt, title, data-export-file-name">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="Download to CSV"
diff --git a/examples/html/cities-vue.htm b/examples/html/cities-vue.htm
@@ -17,7 +17,7 @@ <h1><span v-i18n="'Largest Cities in'"></span> {{ country }}, {{ region }}</h1>
             data-export-file-name="[[Cities]].xlsx"
             v-i18n-attr="'alt, title, data-export-file-name'">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="Download to CSV"
diff --git a/examples/html/cities-web.htm b/examples/html/cities-web.htm
@@ -14,7 +14,7 @@ <h1><span data-i18n="Largest Cities in"></span> <span url-param="country"></span
         data-export-file-name="[[Cities]].xlsx"
         data-i18n-attr="alt, title, data-export-file-name">
     <img class="download"
-        src="img/Excel.svg"
+        src="img/CSV.svg"
         height="16"
         width="16"
         alt="Download to CSV"
diff --git a/examples/html/countries-hbs.htm b/examples/html/countries-hbs.htm
@@ -16,7 +16,7 @@ <h1>{{i18n 'Countries'}}</h1>
             data-export-excel-selector="table"
             data-export-file-name="{{i18n 'Countries'}}.xlsx">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="{{i18n 'Download to CSV'}}"
diff --git a/examples/html/regions-hbs.htm b/examples/html/regions-hbs.htm
@@ -15,7 +15,7 @@ <h1></h1>
             data-export-excel-selector="table"
             data-export-file-name="{{i18n 'Regions'}}.xlsx">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="{{i18n 'Download to CSV'}}"
diff --git a/examples/html/regions-js.htm b/examples/html/regions-js.htm
@@ -16,7 +16,7 @@ <h1></h1>
             data-export-file-name="[[Regions]].xlsx"
             data-i18n-attr="alt, title, data-export-file-name">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="Download to CSV"
diff --git a/examples/html/regions-vue.htm b/examples/html/regions-vue.htm
@@ -16,7 +16,7 @@ <h1></h1>
             data-export-file-name="[[Regions]].xlsx"
             v-i18n-attr="'alt, title, data-export-file-name'">
         <img class="download"
-            src="img/Excel.svg"
+            src="img/CSV.svg"
             height="16"
             width="16"
             alt="Download to CSV"
diff --git a/examples/html/regions-web.htm b/examples/html/regions-web.htm
@@ -13,7 +13,7 @@ <h1><span>Regions for Country Code</span> <span url-param="country"></span></h1>
         data-export-file-name="[[Regions]].xlsx"
         data-i18n-attr="alt, title, data-export-file-name">
     <img class="download"
-        src="img/Excel.svg"
+        src="img/CSV.svg"
         height="16"
         width="16"
         alt="Download to CSV"
diff --git a/examples/html/search-places-js.htm b/examples/html/search-places-js.htm
@@ -78,7 +78,7 @@ <h2><span data-bind="search.cities.length"></span> <span data-i18n="Cities Found
                         data-export-file-name="[[Search]].xlsx"
                         data-i18n-attr="alt, title, data-export-file-name">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
diff --git a/examples/html/search-places-results-hbs.htm b/examples/html/search-places-results-hbs.htm
@@ -29,7 +29,7 @@ <h2>{{search.cities.length}} {{i18n 'Cities Found'}}</h2>
                 data-export-excel-selector="table"
                 data-export-file-name="{{i18n 'Search'}}.xlsx">
             <img class="download"
-                src="img/Excel.svg"
+                src="img/CSV.svg"
                 height="16"
                 width="16"
                 alt="{{i18n 'Download to CSV'}}"
diff --git a/examples/html/search-places-vue.htm b/examples/html/search-places-vue.htm
@@ -74,7 +74,7 @@ <h2>{{ cities.length }} <span v-i18n="'Cities Found'"></span></h2>
                             data-export-file-name="[[Search]].xlsx"
                             v-i18n-attr="'alt, title, data-export-file-name'">
                         <img class="download"
-                            src="img/Excel.svg"
+                            src="img/CSV.svg"
                             height="16"
                             width="16"
                             alt="Download to CSV"
diff --git a/examples/html/search-places-web.htm b/examples/html/search-places-web.htm
@@ -88,7 +88,7 @@ <h2><span data-bind="cities.length"></span> <span data-i18n="Cities Found"></spa
                             data-export-file-name="[[Search]].xlsx"
                             data-i18n-attr="alt, title, data-export-file-name">
                         <img class="download"
-                            src="img/Excel.svg"
+                            src="img/CSV.svg"
                             height="16"
                             width="16"
                             alt="Download to CSV"
diff --git a/examples/img/CSV.svg b/examples/img/CSV.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>CSV</title>
+    <desc>Created with Sketch.</desc>
+    <g id="CSV" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <rect id="Rectangle" fill="#F4CB86" x="12" y="0" width="36" height="48"></rect>
+        <rect id="Rectangle" fill-opacity="0.1" fill="#000000" x="12" y="0" width="18" height="48"></rect>
+        <rect id="Rectangle" fill-opacity="0.05" fill="#000000" x="12" y="12" width="36" height="12"></rect>
+        <rect id="Rectangle" fill-opacity="0.15" fill="#000000" x="12" y="24" width="36" height="12"></rect>
+        <rect id="Rectangle" fill-opacity="0.25" fill="#000000" x="12" y="36" width="36" height="12"></rect>
+        <rect id="Rectangle" fill-opacity="0.6" fill="#A06A0E" x="0" y="10" width="46" height="28" rx="2"></rect>
+        <rect id="Rectangle" fill="#EBA426" x="2" y="12" width="42" height="24" rx="2"></rect>
+        <text font-family="ArialMT, Arial" font-size="20" font-weight="normal" fill="#FFFFFF">
+            <tspan x="2.43847656" y="31">CSV</tspan>
+        </text>
+    </g>
+</svg>
diff --git a/examples/img/Sources.txt b/examples/img/Sources.txt
@@ -1,7 +1,12 @@
-** Files in the folder are licensed under the original publisher and included here
+** Most files in the folder are licensed under the original publisher and included here
     for examples. They do not fall under the same license as DataFormsJS.
 
 https://github.com/logos
 https://www.w3.org/html/logo/
 https://commons.wikimedia.org/wiki/File:Unofficial_JavaScript_logo_2.svg
 https://www.office.com/
+
+* CSV Icon was created for DataFormsJS and is licensed under both MIT
+    and Creative Commons Attribution 4.0
+
+https://github.com/dataformsjs/static-files/tree/master/img/icons
diff --git a/examples/places-demo-hbs.htm b/examples/places-demo-hbs.htm
@@ -72,7 +72,7 @@ <h1>{{i18n 'Countries'}}</h1>
                         data-export-excel-selector="table"
                         data-export-file-name="{{i18n 'Countries'}}.xlsx">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="{{i18n 'Download to CSV'}}"
diff --git a/examples/places-demo-js.htm b/examples/places-demo-js.htm
@@ -56,7 +56,7 @@ <h1 data-i18n="Countries"></h1>
                         data-export-file-name="[[Countries]].xlsx"
                         data-i18n-attr="alt, title, data-export-file-name">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
diff --git a/examples/places-demo-preact.htm b/examples/places-demo-preact.htm
@@ -203,7 +203,7 @@ <h1>{i18n.text('Countries')}</h1>
                         data-export-excel-selector="table"
                         data-export-file-name={i18n.text(fileName) + '.xlsx'} />
                     <img className="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt={i18n.text('Download to CSV')}
diff --git a/examples/places-demo-react.htm b/examples/places-demo-react.htm
@@ -206,7 +206,7 @@ <h1>{i18n.text('Countries')}</h1>
                         data-export-excel-selector="table"
                         data-export-file-name={i18n.text(fileName) + '.xlsx'} />
                     <img className="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt={i18n.text('Download to CSV')}
diff --git a/examples/places-demo-vue.htm b/examples/places-demo-vue.htm
@@ -55,7 +55,7 @@ <h1 v-i18n="'Countries'"></h1>
                         data-export-file-name="[[Countries]].xlsx"
                         v-i18n-attr="'alt, title, data-export-file-name'">
                     <img class="download"
-                        src="img/Excel.svg"
+                        src="img/CSV.svg"
                         height="16"
                         width="16"
                         alt="Download to CSV"
diff --git a/examples/places-demo-web.htm b/examples/places-demo-web.htm
@@ -100,7 +100,7 @@ <h1 data-i18n="Countries"></h1>
                             data-export-file-name="[[Countries]].xlsx"
                             data-i18n-attr="alt, title, data-export-file-name">
                         <img class="download"
-                            src="img/Excel.svg"
+                            src="img/CSV.svg"
                             height="16"
                             width="16"
                             alt="Download to CSV"
