Merge pull request #487 from donslice/add_bookmark_icons

undefined

src/components/bookmarks/item.jsx

@@ -1,6 +1,7 @@
 import { useContext } from "react";
 
 import { SettingsContext } from "utils/contexts/settings";
+import ResolvedIcon from "components/resolvedicon";
 
 export default function Item({ bookmark }) {
   const { hostname } = new URL(bookmark.href);
@@ -16,6 +17,11 @@ export default function Item({ bookmark }) {
       >
         <div className="flex">
           <div className="flex-shrink-0 flex items-center justify-center w-11 bg-theme-500/10 dark:bg-theme-900/50 text-theme-700 hover:text-theme-700 dark:text-theme-200 text-sm font-medium rounded-l-md">
+            {bookmark.icon && 
+              <div className="flex-shrink-0 w-5 h-5">
+                <ResolvedIcon icon={bookmark.icon} />
+              </div>
+            }
             {bookmark.abbr}
           </div>
           <div className="flex-1 flex items-center justify-between rounded-r-md ">