2 files changed, 12 insertions, 7 deletions
diff --git a/src/components/Search.js b/src/components/Search.js
index 8abf5f6..0aaefb4 100644
--- a/src/components/Search.js
+++ b/src/components/Search.js
@@ -1,7 +1,6 @@
 import React, { useState, useMemo, useCallback } from 'react';
-import Icon from './Icon';
 
-import search from '../svg/search.svg';
+import { Search as SearchIcon } from 'react-feather';
 
 import debounce from 'lodash-es/debounce';
 
@@ -36,7 +35,7 @@ function RuleSearch({ dispatch, searchText, updateSearchText }) {
           />
         </div>
         <div className={s0.iconWrapper}>
-          <Icon id={search.id} />
+          <SearchIcon size={20} />
         </div>
       </div>
     </div>
diff --git a/src/components/SideBar.js b/src/components/SideBar.js
index 2715040..2b68b85 100644
--- a/src/components/SideBar.js
+++ b/src/components/SideBar.js
@@ -2,13 +2,19 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { Link } from 'react-router-dom';
-import { Command, Activity, Globe, Link2, Settings, File } from 'react-feather';
+import {
+  Moon,
+  Command,
+  Activity,
+  Globe,
+  Link2,
+  Settings,
+  File
+} from 'react-feather';
 
 import { connect } from './StateProvider';
 import { switchTheme } from '../store/app';
 
-import Icon from './Icon';
-import moon from '../svg/moon.svg';
 import SvgYacd from './SvgYacd';
 import s from './SideBar.module.css';
 
@@ -109,7 +115,7 @@ function SideBar({ dispatch, location }) {
         ))}
       </div>
       <div className={s.themeSwitchContainer} onClick={switchThemeHooked}>
-        <Icon id={moon.id} width={20} height={20} />
+        <Moon size={20} />
       </div>
     </div>
   );