diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot
index 0b83194..28a728f 100644
Binary files a/src/fonts/cartoIcon.eot and b/src/fonts/cartoIcon.eot differ
diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf
index 4caa8b4..cc04eb4 100644
Binary files a/src/fonts/cartoIcon.ttf and b/src/fonts/cartoIcon.ttf differ
diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff
index c802060..8d1d6c8 100644
Binary files a/src/fonts/cartoIcon.woff and b/src/fonts/cartoIcon.woff differ
diff --git a/src/scss/cdb-components/shapes/add.scss b/src/scss/cdb-components/shapes/add.scss
index 570d5b4..54f4c84 100644
--- a/src/scss/cdb-components/shapes/add.scss
+++ b/src/scss/cdb-components/shapes/add.scss
@@ -49,6 +49,10 @@ Description
   width: 16px;
   height: 16px;
   text-align: center;
+  &.is-medium {
+    width: 24px;
+    height: 24px;
+  }
   &:hover {
     cursor: pointer;
   }
diff --git a/src/scss/cdb-components/shapes/threePoints.scss b/src/scss/cdb-components/shapes/threePoints.scss
index 48038e3..5bb29af 100644
--- a/src/scss/cdb-components/shapes/threePoints.scss
+++ b/src/scss/cdb-components/shapes/threePoints.scss
@@ -4,6 +4,41 @@
 Description
 
 ```
+<h2>24px</h2>
+<div style="padding: 20px;">
+  <button class="CDB-Shape is-medium" style="background: rgba(0, 0, 0, .02);">
+    <div class="CDB-Shape-threePoints is-horizontal is-medium">
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+    </div>
+  </button>
+</div>
+<div style="padding: 20px;">
+  <button class="CDB-Shape is-medium" style="background: rgba(0, 0, 0, .02);">
+    <div class="CDB-Shape-threePoints is-horizontal is-blue is-medium">
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+    </div>
+  </button>
+</div>
+<div style="padding: 20px; background: #2E3C43;">
+  <button class="CDB-Shape is-medium" style="background: rgba(0, 0, 0, .08);">
+    <div class="CDB-Shape-threePoints is-horizontal is-white is-medium">
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+      <div class="CDB-Shape-threePointsItem is-round"></div>
+    </div>
+  </button>
+</div>
+<br/>
+<br/>
+<br/>
+<br/>
+<br/>
+<br/>
+<br/>
 <h2>16px</h2>
 <div style="padding: 20px;">
   <button class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
@@ -39,7 +74,7 @@ Description
 <h2>12px</h2>
 <div style="padding: 20px;">
   <button class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <div class="CDB-Shape-threePoints is-small">
+    <div class="CDB-Shape-threePoints">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
@@ -48,7 +83,7 @@ Description
 </div>
 <div style="padding: 20px;">
   <button class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <div class="CDB-Shape-threePoints is-blue is-small js-actions">
+    <div class="CDB-Shape-threePoints is-blue is-small">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
@@ -57,7 +92,7 @@ Description
 </div>
 <div style="padding: 20px; background: #2E3C43;">
   <button class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
-    <div class="CDB-Shape-threePoints is-white is-small js-actions">
+    <div class="CDB-Shape-threePoints is-white is-small">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
@@ -71,6 +106,9 @@ Description
 
 .CDB-Shape-threePoints {
   display: inline-block;
+  &.is-horizontal {
+    transform: rotate(90deg);
+  }
 }
 
 .CDB-Shape-threePointsItem {
@@ -78,6 +116,9 @@ Description
   height: 2px;
   margin-bottom: 5px;
   background: $cMainDark;
+  &.is-round {
+    border-radius: 50%;
+  }
   &:last-child {
     margin-bottom: 0;
   }
@@ -93,6 +134,16 @@ Description
   }
 }
 
+.CDB-Shape-threePoints.is-medium {
+  padding-top: 2px;
+
+  .CDB-Shape-threePointsItem {
+    width: 4px;
+    height: 4px;
+    margin-bottom: 3px;
+  }
+}
+
 .CDB-Shape-threePoints.is-blue {
   .CDB-Shape-threePointsItem {
     background: $cBlue;