From 1e593899510a42230d7c17a6c72cbeb44fc91cea Mon Sep 17 00:00:00 2001
From: Stephen Albert <39511661+steue@users.noreply.github.com>
Date: Wed, 7 Oct 2020 09:57:47 -0700
Subject: [PATCH] feat: add css icons (#194)

- `16/css-fill`
- `16/css-stroke`
- `12/css-fill`
- `12/css-stroke`
---
 demo/12px/index.js    | 2 ++
 demo/16px/index.js    | 2 ++
 src/12/css-fill.svg   | 3 +++
 src/12/css-stroke.svg | 3 +++
 src/16/css-fill.svg   | 3 +++
 src/16/css-stroke.svg | 3 +++
 6 files changed, 16 insertions(+)
 create mode 100644 src/12/css-fill.svg
 create mode 100644 src/12/css-stroke.svg
 create mode 100644 src/16/css-fill.svg
 create mode 100644 src/16/css-stroke.svg

diff --git a/demo/12px/index.js b/demo/12px/index.js
index 670b00b8..085caa47 100644
--- a/demo/12px/index.js
+++ b/demo/12px/index.js
@@ -101,6 +101,8 @@ Garden.svgIDs = [
   'zd-svg-icon-12-copy-stroke',
   'zd-svg-icon-12-credit-card-fill',
   'zd-svg-icon-12-credit-card-stroke',
+  'zd-svg-icon-12-css-fill',
+  'zd-svg-icon-12-css-stroke',
   'zd-svg-icon-12-cursor-arrow-fill',
   'zd-svg-icon-12-cursor-arrow-stroke',
   'zd-svg-icon-12-cutlery-fill',
diff --git a/demo/16px/index.js b/demo/16px/index.js
index e358132b..24bd8ac9 100644
--- a/demo/16px/index.js
+++ b/demo/16px/index.js
@@ -101,6 +101,8 @@ Garden.svgIDs = [
   'zd-svg-icon-16-copy-stroke',
   'zd-svg-icon-16-credit-card-fill',
   'zd-svg-icon-16-credit-card-stroke',
+  'zd-svg-icon-16-css-fill',
+  'zd-svg-icon-16-css-stroke',
   'zd-svg-icon-16-cursor-arrow-fill',
   'zd-svg-icon-16-cursor-arrow-stroke',
   'zd-svg-icon-16-cutlery-fill',
diff --git a/src/12/css-fill.svg b/src/12/css-fill.svg
new file mode 100644
index 00000000..c8026366
--- /dev/null
+++ b/src/12/css-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12">
+  <path fill="currentColor" d="M11.3 0c.4 0 .7.3.7.8v10.5c0 .4-.3.7-.7.7H.8c-.5 0-.8-.3-.8-.7V.8C0 .3.3 0 .8 0h10.5zM9.5 3C8.7 3 8 3.7 8 4.5s.5 1.4 1.2 1.7l.3.1c.3.1.5.3.5.6v.7c-.1.2-.3.4-.5.4s-.4-.2-.5-.4v-.7c-.1-.2-.3-.4-.5-.4s-.4.2-.5.4v.7c.1.8.7 1.4 1.5 1.4s1.4-.6 1.5-1.4v-.7c-.1-.7-.5-1.4-1.2-1.6h-.2l-.1-.1c-.3-.1-.5-.4-.5-.7 0-.3.2-.5.5-.5.2 0 .4.2.5.4v.2c.1.2.3.4.5.4.3 0 .5-.2.5-.5 0-.8-.7-1.5-1.5-1.5zM6 3c-.8 0-1.5.7-1.5 1.5S5 5.9 5.7 6.2l.3.1c.3.1.5.3.5.6v.7c-.1.2-.3.4-.5.4s-.4-.2-.5-.4v-.7c-.1-.2-.3-.4-.5-.4s-.4.2-.5.4v.7C4.6 8.4 5.2 9 6 9s1.4-.6 1.5-1.4v-.7c-.1-.7-.5-1.4-1.2-1.6h-.2L6 5.2c-.3-.1-.5-.4-.5-.7 0-.3.2-.5.5-.5.2 0 .4.2.5.4v.2c.1.2.3.4.5.4.3 0 .5-.2.5-.5C7.5 3.7 6.8 3 6 3zM2.5 3c-.8 0-1.4.6-1.5 1.4v3.2c.1.8.7 1.4 1.5 1.4S3.9 8.4 4 7.6v-.7c-.1-.2-.3-.4-.5-.4s-.4.2-.5.4v.7c-.1.2-.3.4-.5.4s-.4-.2-.5-.4V4.4c.1-.2.3-.4.5-.4s.4.2.5.4v.7c.1.2.3.4.5.4s.4-.2.5-.4v-.7C3.9 3.6 3.3 3 2.5 3z"/>
+</svg>
diff --git a/src/12/css-stroke.svg b/src/12/css-stroke.svg
new file mode 100644
index 00000000..940d1a82
--- /dev/null
+++ b/src/12/css-stroke.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12">
+  <path fill="currentColor" d="M9.5 3c.8 0 1.5.7 1.5 1.5 0 .3-.2.5-.5.5-.2 0-.4-.2-.5-.4v-.1c0-.3-.2-.5-.5-.5s-.5.2-.5.5.2.6.5.7l.1.1c.8.2 1.3.8 1.4 1.6v.6c0 .8-.7 1.5-1.5 1.5S8.1 8.4 8 7.6V7c0-.3.2-.5.5-.5.2 0 .4.2.5.4v.6c0 .3.2.5.5.5.2 0 .4-.2.5-.4V7c0-.3-.2-.6-.5-.7l-.2-.1C8.6 6 8 5.3 8 4.5 8 3.7 8.7 3 9.5 3zM6 3c.8 0 1.5.7 1.5 1.5 0 .3-.2.5-.5.5-.2 0-.4-.2-.5-.4v-.1c0-.3-.2-.5-.5-.5s-.5.2-.5.5.2.6.5.7l.1.1c.8.2 1.3.8 1.4 1.6v.6C7.5 8.3 6.8 9 6 9s-1.4-.6-1.5-1.4V7c0-.3.2-.5.5-.5.2 0 .4.2.5.4v.6c0 .3.2.5.5.5.2 0 .4-.2.5-.4V7c0-.3-.2-.6-.5-.7l-.2-.1c-.7-.2-1.3-.9-1.3-1.7C4.5 3.7 5.2 3 6 3zM2.5 3c.8 0 1.4.6 1.5 1.4V5c0 .3-.2.5-.5.5-.2 0-.4-.2-.5-.4v-.6c0-.3-.2-.5-.5-.5-.2 0-.4.2-.5.4v3.1c0 .3.2.5.5.5.2 0 .4-.2.5-.4V7c0-.3.2-.5.5-.5.2 0 .4.2.5.4v.6C4 8.3 3.3 9 2.5 9S1.1 8.4 1 7.6V4.5C1 3.7 1.7 3 2.5 3z"/>
+</svg>
diff --git a/src/16/css-fill.svg b/src/16/css-fill.svg
new file mode 100644
index 00000000..87d507c8
--- /dev/null
+++ b/src/16/css-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 16 16">
+  <path fill="currentColor" d="M15 0a1 1 0 011 1v14a1 1 0 01-1 1H1a1 1 0 01-1-1V1a1 1 0 011-1h14zm-2 4a2 2 0 100 4l.117.007A1 1 0 0114 9v1l-.007.117A1 1 0 0112 10v-.5l-.008-.09A.5.5 0 0011 9.5v.5l.005.15A2 2 0 0015 10V9l-.005-.15A2 2 0 0013 7a1 1 0 111-1 .5.5 0 101 0 2 2 0 00-2-2zM8 4a2 2 0 100 4l.117.007A1 1 0 019 9v1l-.007.117A1 1 0 017 10v-.5l-.008-.09A.5.5 0 006 9.5v.5l.005.15A2 2 0 0010 10V9l-.005-.15A2 2 0 008 7a1 1 0 111-1 .5.5 0 001 0 2 2 0 00-2-2zM3 4a2 2 0 00-2 2v4l.005.15A2 2 0 005 10v-.5l-.008-.09A.5.5 0 004 9.5v.5l-.007.117A1 1 0 012 10V6l.007-.117A1 1 0 014 6v.5l.008.09A.5.5 0 005 6.5V6l-.005-.15A2 2 0 003 4z"/>
+</svg>
diff --git a/src/16/css-stroke.svg b/src/16/css-stroke.svg
new file mode 100644
index 00000000..c18fe3a8
--- /dev/null
+++ b/src/16/css-stroke.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 16 16">
+  <path fill="currentColor" d="M13 4c1.1 0 2 .9 2 2 0 .3-.2.5-.5.5S14 6.3 14 6c0-.6-.4-1-1-1s-1 .4-1 1 .4 1 1 1c1.1 0 1.9.8 2 1.9V10c0 1.1-.9 2-2 2s-1.9-.8-2-1.9v-.6c0-.3.2-.5.5-.5.2 0 .4.2.5.4v.6c0 .6.4 1 1 1 .5 0 .9-.4 1-.9V9c0-.5-.4-.9-.9-1H13c-1.1 0-2-.9-2-2s.9-2 2-2zM8 4c1.1 0 2 .9 2 2 0 .3-.2.5-.5.5S9 6.3 9 6c0-.6-.4-1-1-1s-1 .4-1 1 .4 1 1 1c1.1 0 1.9.8 2 1.9V10c0 1.1-.9 2-2 2s-1.9-.8-2-1.9v-.6c0-.3.2-.5.5-.5.2 0 .4.2.5.4v.6c0 .6.4 1 1 1 .5 0 .9-.4 1-.9V9c0-.5-.4-.9-.9-1H8c-1.1 0-2-.9-2-2s.9-2 2-2zM3 4c1.1 0 1.9.8 2 1.9v.6c0 .3-.2.5-.5.5-.2 0-.4-.2-.5-.4V6c0-.6-.4-1-1-1-.5 0-.9.4-1 .9V10c0 .6.4 1 1 1 .5 0 .9-.4 1-.9v-.6c0-.3.2-.5.5-.5.2 0 .4.2.5.4v.6c0 1.1-.9 2-2 2s-1.9-.8-2-1.9V6c0-1.1.9-2 2-2z"/>
+</svg>