diff --git a/.github/assets/icon.svg b/.github/assets/icon.svg
new file mode 100644
index 000000000..93c1b3ac8
--- /dev/null
+++ b/.github/assets/icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-label="OG Image"><rect width="64" height="64" rx="14" fill="#16152b"/><g transform="translate(10 10) scale(1.375)"><path d="M7 5 Q16 4.4 25.4 5.2 Q26.2 15.6 25.6 27 Q16 27.6 6.4 26.8 Q5.8 16 7.2 4.4" fill="none" stroke="#faf9fd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.6 8 Q16 7.6 22.8 8 Q23.2 13.6 22.8 19.6 Q16 20 9.4 19.6 Q9 13.8 9.6 8" fill="none" stroke="#faf9fd" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.8 17.4 Q12.6 14 15.2 16 Q18.2 18.2 22.6 14.8" fill="none" stroke="#faf9fd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.2 23.4 Q14 22.8 17.4 23.4" fill="none" stroke="#faf9fd" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="18.6" cy="11.4" r="2.61" fill="#05df72"/></g></svg>
diff --git a/README.md b/README.md
index f7d858058..bfffb0569 100644
--- a/README.md
+++ b/README.md
@@ -1,19 +1,12 @@
 <img src=".github/assets/og-image-preview.png" alt="Nuxt OG Image DevTools Preview">
 
-<h1>nuxt-og-image</h1>
+<h1><a href="https://nuxtseo.com"><img src=".github/assets/icon.svg" width="40" height="40" alt="Nuxt SEO" align="top"></a> nuxt-og-image</h1>
 
 [![npm version][npm-version-src]][npm-version-href]
 [![npm downloads][npm-downloads-src]][npm-downloads-href]
 [![License][license-src]][license-href]
 [![Nuxt][nuxt-src]][nuxt-href]
-
-<a href="https://skilld.dev/gh/nuxt-modules/og-image">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://skilld.dev/b/nuxt-modules/og-image?theme=dark">
-    <source media="(prefers-color-scheme: light)" srcset="https://skilld.dev/b/nuxt-modules/og-image?theme=light">
-    <img alt="Skill repository on skilld.dev" src="https://skilld.dev/b/nuxt-modules/og-image?theme=light">
-  </picture>
-</a>
+[![Skill repository on skilld.dev][skilld-src]][skilld-href]
 
 Nuxt OG Image allows you to easily generate OG Images using either Vue components or screenshots of your pages.
 
@@ -78,14 +71,17 @@ npx nuxi@latest module add og-image
 Licensed under the [MIT license](https://github.com/nuxt-modules/og-image/blob/main/LICENSE.md).
 
 <!-- Badges -->
-[npm-version-src]: https://img.shields.io/npm/v/nuxt-og-image/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-version-src]: https://img.shields.io/npm/v/nuxt-og-image/latest.svg?style=flat&labelColor=16152b&color=00a63e
 [npm-version-href]: https://npmjs.com/package/nuxt-og-image
 
-[npm-downloads-src]: https://img.shields.io/npm/dm/nuxt-og-image.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-downloads-src]: https://img.shields.io/npm/dm/nuxt-og-image.svg?style=flat&labelColor=16152b&color=00a63e
 [npm-downloads-href]: https://npmjs.com/package/nuxt-og-image
 
-[license-src]: https://img.shields.io/github/license/nuxt-modules/og-image.svg?style=flat&colorA=18181B&colorB=28CF8D
+[license-src]: https://img.shields.io/github/license/nuxt-modules/og-image.svg?style=flat&labelColor=16152b&color=00a63e
 [license-href]: https://github.com/nuxt-modules/og-image/blob/main/LICENSE.md
 
-[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt
+[nuxt-src]: https://img.shields.io/badge/Nuxt-16152b?logo=nuxt&style=flat
 [nuxt-href]: https://nuxt.com
+
+[skilld-src]: https://skilld.dev/b/nuxt-modules/og-image?style=flat&labelColor=16152b&color=00a63e&logoColor=ffffff
+[skilld-href]: https://skilld.dev/gh/nuxt-modules/og-image