Deviant brand

Logos, icons and social-media assets. All primary files are SVG — scale-independent, editable in code, and (where text appears) load the site's own fonts via @import. Click any file name to open the raw SVG. Source: brand/README.md · brand/palette.md

Uploading to social media? SVG isn't accepted for profile avatars, headers, or post images by Twitter/X, GitHub, Discord, LinkedIn, Instagram, Facebook, or Slack. Every card below has a PNG link next to the SVG path — use those. Full PNG set at source/exports/.

Icons

2 files

App icon (512)

OS launcher, PWA install, app-shell splash. Byte-identical to shells/app/public/icon.svg.

icon/icon-512.svgPNG512 × 512

Favicon

Browser tab / tiny sizes. Simplified — no starfield, no glow.

icon/favicon.svg64 · 3264 × 64

Logos

3 files

Mark — on dark

Orbital-crescent D + acid dot. For dark surfaces.

logo/deviant-mark.svgPNG 512256 × 256

Mark — on light

Inverted for print / light backgrounds. Ring softens, acid dot deepens to olive.

logo/deviant-mark-onlight.svgPNG 512256 × 256

Wordmark

Mark + “Deviant” in Fraunces + “POWER YOUR IDEAS.” tagline. Header lockup.

logo/deviant-wordmark.svgPNG 1440720 × 180

Social — cards & banners

7 files

Open Graph

Facebook / LinkedIn / Slack link unfurls. The default meta og:image aspect.

social/og-1200x630.svgPNG1200 × 630

Twitter/X post card

summary_large_image spec — 16:9. Use in twitter:image meta tag.

social/twitter-card-1200x675.svgPNG1200 × 675

Twitter/X profile header

Profile banner — orbital ring on the right, wordmark shifted past the ~200px avatar overlap in the lower-left.

social/twitter-header-1500x500.svgPNG1500 × 500

Twitter/X header — deviation variant

Uses the site's hero deviation chart (same paths from deviant_website.html) on the right. Same avatar-safe copy zone as the primary header.

social/twitter-header-deviation-1500x500.svgPNG1500 × 500

Facebook page cover

Desktop-sized. Mobile-safe zone is ~640×360 centered.

social/facebook-cover-820x312.svgPNG820 × 312

LinkedIn company banner

Copy sits right of center to clear the lower-left profile-photo overlap.

social/linkedin-banner-1584x396.svgPNG1584 × 396

Instagram / Threads / Discord

Square 1:1 feed post. Also usable as a large Discord embed.

social/instagram-square-1080x1080.svgPNG1080 × 1080

Avatar

1 file · rendered square + round

Square (as SVG ships)

Direct render of the file — the mark on the starfield square.

social/avatar-400x400.svg400 · 1024400 × 400

Circular crop preview

How Twitter / X / GitHub / Discord actually display it. The mark is centered with margin so a circle keeps it whole.

social/avatar-400x400.svg400 · 1024400 × 400