diff --git a/docs/public/images/agent-button-block.webp b/docs/public/images/agent-button-block.webp
index 3da62bd1..c200f320 100644
Binary files a/docs/public/images/agent-button-block.webp and b/docs/public/images/agent-button-block.webp differ
diff --git a/src/ui/AgentButtonBlock.tsx b/src/ui/AgentButtonBlock.tsx
index a552c54e..9e0e6297 100644
--- a/src/ui/AgentButtonBlock.tsx
+++ b/src/ui/AgentButtonBlock.tsx
@@ -6,6 +6,7 @@ import { Notice } from "obsidian";
 import type AgentClientPlugin from "../plugin";
 import type { AgentButtonBlockConfig } from "../utils/agent-block-parser";
 import { findAgentSettings } from "../services/session-helpers";
+import { LucideIcon } from "./shared/IconButton";
 
 interface AgentButtonBlockProps {
 	plugin: AgentClientPlugin;
@@ -73,6 +74,10 @@ function AgentButtonBlockComponent({
 				className="agent-client-button-block-button mod-cta"
 				onClick={() => void handleClick()}
 			>
+				<LucideIcon
+					name="bot-message-square"
+					className="agent-client-button-block-icon"
+				/>
 				<span className="agent-client-button-block-text">
 					{config.text}
 				</span>
diff --git a/styles.css b/styles.css
index c324a946..c8b547f1 100644
--- a/styles.css
+++ b/styles.css
@@ -2456,3 +2456,12 @@ If your plugin does not need CSS, delete this file.
 .agent-client-button-block-text {
 	white-space: nowrap;
 }
+
+.agent-client-button-block-icon {
+	display: flex;
+}
+
+.agent-client-button-block-icon svg {
+	width: 16px;
+	height: 16px;
+}