Canonical Brand Hub

Amr Abed / Brand Identity

Central repository for vector monograms, app icons, favicons, and design tokens used across the entire Amr Abed digital ecosystem.

Icon Assets

Adaptive SVG Icon

icon.svg

Adaptive SVG monogram. Auto-switches stroke/fill for light and dark modes.

Download View
Light SVG Icon

icon-light.svg

Fixed dark-on-light vector icon for light surfaces.

Download View
Dark SVG Icon

icon-dark.svg

Fixed light-on-dark vector icon for dark surfaces.

Download View
Apple Touch Icon

apple-touch-icon.png

High-resolution 180×180 PNG touch icon for iOS Home Screen & bookmarks.

Download View
Favicon ICO

favicon.ico

Multi-resolution ICO fallback for legacy browsers and bookmark clients.

Download

Usage in Next.js

Import icons directly in your root app/layout.tsx:

import { icons } from "@amrabed/ui";
// or: import { icons } from "@amrabed/brand";

export const metadata: Metadata = {
  title: "My Site",
  icons,
};

Color Palette

Indigo 600 #4f46e5
Indigo 500 #6366f1
Slate 900 #0f172a
Slate 800 #1e293b
Slate 50 #f8fafc