fix(icons): clean up icon font usage and update the font

- normalize icon references after merging li icons into icons.ttf
- restore inline alignment for plugin meta icons
- keep dragged tab icons at the correct size
- bust icons.ttf cache after glyph updates
- attached the icomoon project for easily adding new icons in future

Author: bajrangCoder

src/cm/lsp/codeActions.ts

@@ -39,11 +39,11 @@ const CODE_ACTION_ICONS: Record<string, string> = {
 };
 
 function getCodeActionIcon(kind?: CodeActionKind): string {
-	if (!kind) return "licons zap";
+	if (!kind) return "icon zap";
 	for (const [prefix, icon] of Object.entries(CODE_ACTION_ICONS)) {
 		if (kind.startsWith(prefix)) return icon;
 	}
-	return "licons zap";
+	return "icon zap";
 }
 
 function formatCodeActionKind(kind?: CodeActionKind): string {

src/components/lspInfoDialog/index.js

@@ -338,7 +338,7 @@ function showLspInfoDialog() {
 	const $dialog = (
 		<div className="prompt lsp-info-dialog">
 			<div className="title">
-				<span className="licons zap" style={{ marginRight: "8px" }} />
+				<span className="icon zap" style={{ marginRight: "8px" }} />
 				Language Servers
 			</div>
 			<div className="lsp-dialog-body" />

src/components/terminal/terminalManager.js

@@ -322,7 +322,7 @@ class TerminalManager {
 			const terminalFile = new EditorFile(terminalName, {
 				type: "terminal",
 				content: terminalContainer,
-				tabIcon: "licons terminal",
+				tabIcon: "icon square-terminal",
 				pinned,
 				render: shouldRender,
 			});

src/components/tile/style.scss

@@ -36,6 +36,15 @@ header {
     font-size: 0.8em;
     z-index: 9999;
 
+    .file,
+    .icon {
+      height: 24px;
+      width: 24px;
+      font-size: 1em;
+      background-size: 22px;
+      flex-shrink: 0;
+    }
+
     .file {
       padding: 0 !important;
     }
@@ -98,4 +107,4 @@ header {
       transform: scale(0.95) translateZ(0);
     }
   }
-}
+}

src/lib/editorFile.js

@@ -1528,7 +1528,7 @@ export default class EditorFile {
 		}
 
 		return tag("span", {
-			className: "licons pin",
+			className: "icon pin",
 			title: strings["unpin tab"] || "Unpin tab",
 			dataset: {
 				action: "toggle-pin",

src/lib/openFolder.js

@@ -356,7 +356,7 @@ async function handleContextmenu(type, url, name, $target) {
 			const OPEN_IN_TERMINAL = [
 				"open-in-terminal",
 				strings["open in terminal"] || "Open in Terminal",
-				"licons terminal",
+				"terminal",
 			];
 			options.push(OPEN_IN_TERMINAL);
 		}
@@ -373,7 +373,7 @@ async function handleContextmenu(type, url, name, $target) {
 			const OPEN_IN_TERMINAL = [
 				"open-in-terminal",
 				strings["open in terminal"] || "Open in Terminal",
-				"licons terminal",
+				"terminal",
 			];
 			options.push(OPEN_IN_TERMINAL);
 		}

src/lib/selectionMenu.js

@@ -49,7 +49,7 @@ export default function selectionMenu() {
 		),
 		item(
 			() => showCodeActions(),
-			<span className="licons lightbulb" title="Code Actions"></span>,
+			<span className="icon lightbulb" title="Code Actions"></span>,
 			"all",
 			true,
 		),

src/main.js

@@ -760,7 +760,7 @@ function createFileMenu({ top, bottom, toggler }) {
 				toggle_pin_tab_text: file.pinned
 					? strings["unpin tab"] || "Unpin tab"
 					: strings["pin tab"] || "Pin tab",
-				toggle_pin_tab_icon: file.pinned ? "licons pin-off" : "licons pin",
+				toggle_pin_tab_icon: file.pinned ? "icon pin-off" : "icon pin",
 				// Use CodeMirror mode stored on EditorFile (set in setMode)
 				file_mode: isEditorFile ? file.currentMode || "" : "",
 				file_encoding: isEditorFile ? encoding : "",

src/pages/plugin/plugin.scss

@@ -71,11 +71,18 @@
         font-size: 14px;
         margin-bottom: 12px;
 
-        .author-name {
+        .meta-item {
           display: inline-flex;
           align-items: center;
           gap: 4px;
+          vertical-align: middle;
+
+          .icon {
+            flex-shrink: 0;
+          }
+        }
 
+        .author-name {
           a {
             text-decoration: none;
             color: inherit;

src/pages/plugin/plugin.view.js

@@ -109,7 +109,7 @@ export default (props) => {
 					</div>
 					<div className="plugin-meta">
 						<span className="meta-item">
-							<i className="licons tag" style={{ fontSize: "12px" }}></i>
+							<i className="icon tag" style={{ fontSize: "12px" }}></i>
 							<Version
 								{...props}
 								packageUpdatedAt={packageUpdatedAt}
@@ -126,17 +126,14 @@ export default (props) => {
 									on:click={() => {
 										toast(strings["verified publisher"]);
 									}}
-									className="licons verified verified-tick"
+									className="icon verified verified-tick"
 								></i>
 							) : (
 								""
 							)}
 						</span>
 						<span className="meta-item">
-							<span
-								className="licons scale"
-								style={{ fontSize: "12px" }}
-							></span>
+							<span className="icon scale" style={{ fontSize: "12px" }}></span>
 							{license || "Unknown"}
 						</span>
 					</div>
@@ -335,7 +332,7 @@ function Buttons({
 	if (isPaid && !purchased && price) {
 		return (
 			<button data-type="buy" className="btn btn-install" onclick={buy}>
-				<i className="licons cart"></i>
+				<i className="icon cart"></i>
 				{price}
 			</button>
 		);