mdi font icons

packages/web/src/freetable/FreeTableColumnEditor.js

@@ -1,12 +1,7 @@
 import _ from 'lodash';
 import React from 'react';
 import styled from 'styled-components';
-import { filterName } from '@dbgate/datalib';
-import { ExpandIcon, FontIcon } from '../icons';
-import InlineButton from '../widgets/InlineButton';
 import { ManagerInnerContainer } from '../datagrid/ManagerStyles';
-import SearchInput from '../widgets/SearchInput';
-import { WidgetTitle } from '../widgets/WidgetStyles';
 import keycodes from '../utility/keycodes';
 
 const Row = styled.div`

packages/web/src/freetable/MacroDetail.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import ToolbarButton from '../widgets/ToolbarButton';
 import styled from 'styled-components';
-import { MacroIcon } from '../icons';
 import { TabPage, TabControl } from '../widgets/TabControl';
 import theme from '../theme';
 import JavaScriptEditor from '../sqleditor/JavaScriptEditor';
@@ -63,7 +62,7 @@ function MacroHeader({ selectedMacro, setSelectedMacro, onExecute }) {
   return (
     <Container>
       <Header>
-        <MacroIcon />
+        <span className="mdi mdi-hammer-wrench" />
         <HeaderText>{selectedMacro.title}</HeaderText>
       </Header>
       <Buttons>

packages/web/src/freetable/useNewFreeTable.js

@@ -8,7 +8,7 @@ export default function useNewFreeTable() {
   return ({ title = undefined, ...props } = {}) =>
     openNewTab(setOpenedTabs, {
       title: title || 'Table',
-      icon: 'freetable.svg',
+      icon: 'mdi mdi-table color-green-icon',
       tabComponent: 'FreeTableTab',
       props,
     });