diff --git a/src/app/profile/[handle]/page.test.tsx b/src/app/profile/[handle]/page.test.tsx
index 268fb18..71a63b5 100644
--- a/src/app/profile/[handle]/page.test.tsx
+++ b/src/app/profile/[handle]/page.test.tsx
@@ -103,7 +103,7 @@ describe('UserProfilePage', () => {
   it('renders Bluesky link', async () => {
     render(<UserProfilePage params={{ handle: 'jay.bsky.team' }} />)
     await waitFor(() => {
-      const link = screen.getByRole('link', { name: /bsky\.app\/profile\/jay\.bsky\.team/i })
+      const link = screen.getByRole('link', { name: /bluesky/i })
       expect(link).toHaveAttribute('href', 'https://bsky.app/profile/jay.bsky.team')
     })
   })
diff --git a/src/components/icons/bluesky-icon.tsx b/src/components/icons/bluesky-icon.tsx
new file mode 100644
index 0000000..9909a81
--- /dev/null
+++ b/src/components/icons/bluesky-icon.tsx
@@ -0,0 +1,20 @@
+interface BlueskyIconProps {
+  size?: number
+  className?: string
+}
+
+export function BlueskyIcon({ size = 16, className }: BlueskyIconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 568 501"
+      width={size}
+      height={size}
+      fill="currentColor"
+      className={className}
+      aria-hidden="true"
+    >
+      <path d="M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 503.222 453.32 441.497 575.015 351.143 429.003 310.919 358.849c-6.866-11.966-10.073-17.55-26.919-17.55-16.846 0-20.053 5.584-26.919 17.55-40.224 70.154-130.578 216.166-192.303 94.471-33.222-64.76-4-129.52 110.875-149.071-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.134-1.612 123.121 33.664Z" />
+    </svg>
+  )
+}
diff --git a/src/components/profile/profile-header.test.tsx b/src/components/profile/profile-header.test.tsx
index 0dd3ba7..24a32be 100644
--- a/src/components/profile/profile-header.test.tsx
+++ b/src/components/profile/profile-header.test.tsx
@@ -184,17 +184,18 @@ describe('ProfileHeader', () => {
     expect(screen.getByText(/75 following/i)).toBeInTheDocument()
   })
 
-  it('renders Bluesky link with stripped URL display when hasBlueskyProfile is true', () => {
+  it('renders Bluesky icon link when hasBlueskyProfile is true', () => {
     render(<ProfileHeader profile={createProfile({ hasBlueskyProfile: true })} {...defaultProps} />)
-    const link = screen.getByRole('link', { name: /bsky\.app\/profile\/test\.bsky\.social/i })
+    const link = screen.getByRole('link', { name: /bluesky/i })
     expect(link).toHaveAttribute('href', 'https://bsky.app/profile/test.bsky.social')
+    expect(link).toHaveAttribute('title', 'View test.bsky.social on Bluesky')
   })
 
   it('does not render Bluesky link when hasBlueskyProfile is false', () => {
     render(
       <ProfileHeader profile={createProfile({ hasBlueskyProfile: false })} {...defaultProps} />
     )
-    expect(screen.queryByRole('link', { name: /bsky\.app\/profile/i })).not.toBeInTheDocument()
+    expect(screen.queryByRole('link', { name: /bluesky/i })).not.toBeInTheDocument()
   })
 
   it('renders votesReceived in "This forum" stats', () => {
diff --git a/src/components/profile/profile-stats.tsx b/src/components/profile/profile-stats.tsx
index 752060c..685d295 100644
--- a/src/components/profile/profile-stats.tsx
+++ b/src/components/profile/profile-stats.tsx
@@ -4,7 +4,8 @@
  * @see specs/prd-web.md Section M8
  */
 
-import { Users, ArrowSquareOut, CalendarBlank } from '@phosphor-icons/react'
+import { Users, CalendarBlank } from '@phosphor-icons/react'
+import { BlueskyIcon } from '@/components/icons/bluesky-icon'
 import { formatCount } from '@/lib/format-count'
 import { formatDateLong } from '@/lib/format'
 import type { UserProfile } from '@/lib/api/types'
@@ -49,10 +50,11 @@ export function ProfileStats({ profile, handle }: ProfileStatsProps) {
           href={`https://bsky.app/profile/${handle}`}
           target="_blank"
           rel="noopener noreferrer"
-          className="mt-1 inline-flex items-center gap-1 break-all text-sm text-primary hover:underline"
+          className="mt-1 inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-primary"
+          title={`View ${handle} on Bluesky`}
         >
-          bsky.app/profile/{handle}
-          <ArrowSquareOut size={14} aria-hidden="true" />
+          <BlueskyIcon size={18} />
+          <span>Bluesky</span>
         </a>
       )}
     </div>