Add copy icon

2 files changed, 28 insertions, 0 deletions

diff --git a/docs/elements/icons.html b/docs/elements/icons.html
index b641254..3a9a790 100644
--- a/docs/elements/icons.html
+++ b/docs/elements/icons.html
@@ -328,6 +328,10 @@
                 <button class="btn btn-primary btn-action btn-lg"><i class="icon icon-upload"></i></button>
                 <p>icon-upload</p>
               </div>
+              <div class="column col-3 col-md-6">
+                <button class="btn btn-primary btn-action btn-lg"><i class="icon icon-copy"></i></button>
+                <p>icon-copy</p>
+              </div>
             </div>
             <h4 class="s-subtitle" id="icons-object">Object icons<a class="anchor" href="#icons-object" aria-hidden="true">#</a></h4>
             <div class="columns">
diff --git a/src/icons/_icons-action.scss b/src/icons/_icons-action.scss
index 807f05e..5bac36e 100644
--- a/src/icons/_icons-action.scss
+++ b/src/icons/_icons-action.scss
@@ -314,3 +314,27 @@
     top: 50%;
   }
 }
+
+// Icon copy
+.icon-copy {
+  &::before {
+    border: $icon-border-width solid currentColor;
+    border-radius: $border-radius;
+    border-right: 0;
+    border-bottom: 0;
+    content: "";
+    height: .8em;
+    left: 35%;
+    top: 30%;
+    width: .8em;
+  }
+  &::after {
+    border: $icon-border-width solid currentColor;
+    border-radius: $border-radius;
+    content: "";
+    height: .8em;
+    left: 65%;
+    top: 60%;
+    width: .8em;
+  }
+}
\ No newline at end of file