1 files changed, 30 insertions, 0 deletions
diff --git a/config/quickshell/modules/common/widgets/MaterialSymbol.qml b/config/quickshell/modules/common/widgets/MaterialSymbol.qml
new file mode 100644
index 00000000..dbbfff00
--- /dev/null
+++ b/config/quickshell/modules/common/widgets/MaterialSymbol.qml
@@ -0,0 +1,30 @@
+import "root:/modules/common/"
+import QtQuick
+import QtQuick.Layouts
+
+Text {
+    id: root
+    property real iconSize: Appearance?.font.pixelSize.small ?? 16
+    property real fill: 0
+    renderType: Text.NativeRendering
+    font.hintingPreference: Font.PreferFullHinting
+    verticalAlignment: Text.AlignVCenter
+    font.family: Appearance?.font.family.iconMaterial ?? "Material Symbols Rounded"
+    font.pixelSize: iconSize
+    color: Appearance.m3colors.m3onBackground
+
+    Behavior on fill {
+        NumberAnimation {
+            duration: Appearance?.animation.elementMoveFast.duration ?? 200
+            easing.type: Appearance?.animation.elementMoveFast.type ?? Easing.BezierSpline
+            easing.bezierCurve: Appearance?.animation.elementMoveFast.bezierCurve ?? [0.34, 0.80, 0.34, 1.00, 1, 1]
+        }
+    }
+
+    font.variableAxes: { 
+        "FILL": fill,
+        // "wght": font.weight,
+        // "GRAD": 0,
+        "opsz": iconSize,
+    }
+}