update icons

frontend/src/metabase/components/HeaderWithBack.jsx

@@ -9,8 +9,9 @@ const HeaderWithBack = ({ name }) =>
             className="cursor-pointer text-brand-hover mr2"
             onClick={() => window.history.back()}
         >
-            { /* TODO - this should be an arrow */ }
-            <Icon name="chevronleft" />
+            <div className="circle">
+                <Icon name="backArrow" />
+            </div>
         </div>
         <h2>{name}</h2>
     </div>

frontend/src/metabase/questions/components/CollectionButtons.jsx

@@ -63,7 +63,7 @@ const CollectionButton = ({ name, color, slug }) =>
         </div>
         <Icon
             className="mb4 mt2"
-            name="all"
+            name="collection"
             size={COLLECTION_ICON_SIZE}
             style={{ color }}
         />

frontend/src/metabase/questions/components/Item.jsx

@@ -44,8 +44,8 @@ const Item = ({ id, description, name, created, by, selected, favorite, archived
                     <Link to={`/questions/${id}/move`}>
                         <Icon
                             className="cursor-pointer text-brand-hover transition-color"
-                            name={ archived ? "unarchive" : "archive"}
-                            size={20}
+                            name="move"
+                            size={18}
                         />
                     </Link>
                 </Tooltip>
@@ -54,7 +54,7 @@ const Item = ({ id, description, name, created, by, selected, favorite, archived
                         className="cursor-pointer text-brand-hover transition-color"
                         name={ archived ? "unarchive" : "archive"}
                         onClick={() => setArchived(id, !archived, true)}
-                        size={20}
+                        size={18}
                     />
                 </Tooltip>
             </div>