diff --git a/pages/guides/[[...slug]].js b/pages/guides/[[...slug]].js
index f6d9981..92cdc3e 100644
--- a/pages/guides/[[...slug]].js
+++ b/pages/guides/[[...slug]].js
@@ -21,6 +21,10 @@ import {
getNextPost,
} from "@urbit/foundation-design-system";
import { Comms, Ringsig, Squad } from "../../components/icons";
+import HoonIcon from "../../components/icons/TallCard/hoon";
+import EnvironmentIcon from "../../components/icons/TallCard/env";
+import AppIcon from "../../components/icons/TallCard/app";
+import FullStackIcon from "../../components/icons/TallCard/full";
import guidesTree from "../../cache/guides.json";
import { join } from "path";
@@ -170,7 +174,7 @@ function Landing({ search }) {
description="Learn how to get your urbit development environment configured"
callout="View Guide"
href="/guides/core/environment"
- image="/images/environment.svg"
+ image={EnvironmentIcon}
className="h-full"
/>
@@ -188,7 +192,7 @@ function Landing({ search }) {
description="Learn how to build Urbit userspace applications by writing your own Gall agents"
callout="View Guide"
href="/guides/core/app-school"
- image="/images/app.svg"
+ image={AppIcon}
className="h-full"
/>
@@ -290,7 +294,7 @@ function Landing({ search }) {
-
+
);
}
diff --git a/pages/index.js b/pages/index.js
index 42b1822..3bf3d22 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -26,6 +26,8 @@ import {
} from "../components/icons";
import Card from "../components/Card";
import TallCard from "../components/TallCard";
+import HoonIcon from "../components/icons/TallCard/hoon";
+import AppIcon from "../components/icons/TallCard/app";
export default function Home({ search, posts }) {
return (
@@ -138,7 +140,7 @@ export default function Home({ search, posts }) {
description="Learn the fundamentals of the Hoon programming language"
callout="View Guide"
href="/guides/core/hoon-school"
- image="/images/hoon.svg"
+ image={HoonIcon}
className="h-full"
/>