Logo

packages/app/src/Icons/Icon.tsx

@@ -4,6 +4,7 @@ import IconsSvg from "public/icons.svg";
 type Props = {
   name: string;
   size?: number;
+  height?: number;
   className?: string;
   onClick?: MouseEventHandler<SVGSVGElement>;
 };
@@ -13,7 +14,7 @@ const Icon = (props: Props) => {
   const href = `${IconsSvg}#` + props.name;
 
   return (
-    <svg width={size} height={size} className={props.className} onClick={props.onClick}>
+    <svg width={size} height={props.height ?? size} className={props.className} onClick={props.onClick}>
       <use href={href} />
     </svg>
   );

packages/app/src/Pages/Layout.tsx

@@ -105,7 +105,7 @@ export default function Layout() {
       {!shouldHideHeader && (
         <header className="main-content mt5">
           <div className="logo" onClick={() => navigate("/")}>
-            <h1>Snort</h1>
+            <Icon name="snort-by" size={150} height={20} />
             {currentSubscription && (
               <small className="flex">
                 <Icon name="diamond" size={10} className="mr5" />