feat: Add material symbols

packages/compas-open-scd/index.html

@@ -18,6 +18,7 @@
   <link href="/public/google/fonts/roboto-mono-v13.css" rel="stylesheet">
   <!-- Original URL from Google: https://fonts.googleapis.com/css?family=Material+Icons+Outlined&display=block -->
   <link href="/public/google/icons/material-icons-outlined.css" rel="stylesheet">
+  <link href="/public/google/icons/material-symbols-outlined.css" rel="stylesheet">
   <link href="/public/css/normalize.css" rel="stylesheet">
   <link rel="manifest" href="manifest.json" crossorigin="use-credentials">
   <link rel="icon" type="image/png" sizes="16x16" href="public/favicon-16x16.png">

packages/compas-open-scd/public/google/icons/material-symbols-outlined.css

@@ -0,0 +1,24 @@
+/* fallback */
+@font-face {
+  font-family: 'Material Symbols Outlined';
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url(material-symbols-outlined.woff2) format('woff2');
+}
+
+.material-symbols-outlined {
+  font-family: 'Material Symbols Outlined';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+}