@progress/kendo-font-icons 4.4.0 → 4.6.0

package/scss/_icon-list.scss

@@ -524,6 +524,18 @@
     .k-i-weight-scale-solid::before { content: "\e16a"; } 
     .k-i-microphone-solid::before { content: "\e16b"; } 
     .k-i-microphone-outline::before { content: "\e16c"; } 
+    .k-i-row-expand::before { content: "\e16d"; } 
+    .k-i-row-collapse::before { content: "\e16e"; } 
+    .k-i-menu-filter::before { content: "\e16f"; } 
+    .k-i-menu-sort-asc::before { content: "\e170"; } 
+    .k-i-menu-sort-desc::before { content: "\e171"; } 
+    .k-i-paste-sparkle::before { content: "\e172"; } 
+    .k-i-pin-solid::before { content: "\e173"; } 
+    .k-i-pin-outline::before { content: "\e174"; } 
+    .k-i-unpin-solid::before { content: "\e175"; } 
+    .k-i-unpin-outline::before { content: "\e176"; } 
+    .k-i-pin-outline-top::before { content: "\e177"; } 
+    .k-i-pin-outline-bottom::before { content: "\e178"; } 
     .k-i-play::before { content: "\e200"; } 
     .k-i-pause::before { content: "\e201"; } 
     .k-i-stop::before { content: "\e202"; } 

package/scss/_variables.scss

@@ -1,5 +1,7 @@
 @use "./_font.scss" as *;
 
+$ki-icon-default-size: md !default;
+
 $ki-font-family: "WebComponentsIcons" !default;
 $ki-icon-size: 16px !default;
 
@@ -17,6 +19,16 @@ $ki-font-url: if( $ki-embed-font == true, $ki-font-data-url, $ki-font-file-url )
 
 $ki-css-prefix: "k-i-" !default;
 
+$ki-icon-sizes: (
+    xs: $ki-icon-size-xs,
+    sm: $ki-icon-size-sm,
+    md: $ki-icon-size-md,
+    lg: $ki-icon-size-lg,
+    xl: $ki-icon-size-xl,
+    xxl: $ki-icon-size-xxl,
+    xxxl: $ki-icon-size-xxxl
+) !default;
+
 $ki-rotate-map: (
     0: 0deg,
     45: 45deg,

package/scss/index.scss

@@ -22,7 +22,6 @@
         width: 1em;
         height: 1em;
         outline: 0;
-        font-size: $ki-icon-size;
         font-family: $ki-font-family;
         font-style: normal;
         font-variant: normal;
@@ -45,6 +44,14 @@
         &:focus {
             text-decoration: none;
         }
+
+        // SVG Icon sizes
+        @each $size, $value in $ki-icon-sizes {
+            #{if($ki-icon-default-size == $size, "&,", null)}
+            &.k-icon-#{$size} {
+                font-size: $value;
+            }
+        }
     }
 
     // Empty icon
@@ -52,31 +59,6 @@
         display: none !important; // stylelint-disable-line
     }
 
-
-    // Icon sizes
-    .k-icon-xs {
-        font-size: $ki-icon-size-xs;
-    }
-    .k-icon-sm {
-        font-size: $ki-icon-size-sm;
-    }
-    .k-icon-md {
-        font-size: $ki-icon-size-md;
-    }
-    .k-icon-lg {
-        font-size: $ki-icon-size-lg;
-    }
-    .k-icon-xl {
-        font-size: $ki-icon-size-xl;
-    }
-    .k-icon-xxl {
-        font-size: $ki-icon-size-xxl;
-    }
-    .k-icon-xxxl {
-        font-size: $ki-icon-size-xxxl;
-    }
-
-
     // Flip
     .k-flip-h {
         transform: scaleX( -1 );