Client-Side SVG to Press Kit, Favicon & Brand Asset Converter
One logo becomes 28 production files: favicon.ico, Apple and Android icons, a web manifest, Open Graph and social banners, mono logos and a PDF cheat sheet. Compose LinkedIn and X headers in the site's own type and corner radius, recolor any SVG to the brand palette, and convert images, documents and PDFs. All of it runs inside your browser tab.
28-file press kit
Load a logo and every file below is rendered in your browser with the active brand’s colors, type, name, tagline and domain. Inspect each one, then take the structured ZIP with a README and the HTML <head> snippet.
- favicon.ico16·32·48
- favicon-16x16.png16×16
- favicon-32x32.png32×32
- favicon-48x48.png48×48
- favicon.svgSVG
- apple-touch-icon.png180×180
- android-chrome-192x192.png192×192
- android-chrome-512x512.png512×512
- maskable-icon-512x512.png512×512
- site.webmanifestJSON
- og-image-1200x630.png1200×630
- twitter-card-1200x675.png1200×675
- x-header-1500x500.png1500×500
- x-avatar-400x400.png400×400
- linkedin-logo-400x400.png400×400
- linkedin-cover-1128x191.png1128×191
- linkedin-post-1200x627.png1200×627
- youtube-banner-2560x1440.png2560×1440
- youtube-avatar-800x800.png800×800
- facebook-cover-1640x624.png1640×624
- instagram-square-1080x1080.png1080×1080
- logo-transparent-1024.png1024×1024
- logo-on-light-2048x1024.png2048×1024
- logo-on-dark-2048x1024.png2048×1024
- logo-mono-black-1024.png1024×1024
- logo-mono-white-1024.png1024×1024
- logo-1024.webp1024×1024
- brand-cheat-sheet.pdfPDF
SuiteAnvil extracts publicly visible design tokens, logos, and font references for workflow automation. You are responsible for ensuring you hold valid commercial rights or client authorization for any proprietary fonts, trademarks, and brand assets before commercial publication. Licensing notice
How the SVG to press kit converter works
- 01
Start from the brand, not a blank canvas
Scan your website or pick a reference profile. The real logo, colors, type and corner radius arrive with it: the bundled vector mark for curated brands, otherwise the logo extracted from the site.
- 02
Compose, clean, inspect
Set a headline for the Open Graph, LinkedIn and X banners, remap an SVG to the brand palette, or render the 28-file press kit and check every file at its real size before anything is packaged.
- 03
Take only what you need
Download single files or a structured ZIP: favicons/, social/, logos/ and docs/, with a README and the HTML <head> snippet. Converted images and PDFs download directly.
Built for client-ready output
28 assets at each platform's sizes
favicon.ico (16/32/48), apple-touch-icon 180, Android 192/512, a maskable icon inside the 80% safe zone, OG 1200×630, X, LinkedIn, Facebook, Instagram and YouTube 2560×1440 art with text inside the 1546×423 safe area.
Social banners in the site's own geometry
Four layouts for 1200×630 Open Graph, 1584×396 LinkedIn and 1500×500 X headers. The composer reads the scanned corner radius, surface tone and font, and keeps type clear of the profile photo.
SVG cleanup with a security pass
Removes editor metadata, comments, Inkscape and Sketch namespaces, unused ids and empty groups, rounds coordinates, and strips scripts, event handlers, foreignObject and external links. Every color can be mapped to a palette swatch.
A visual inspector before the ZIP
Each of the 28 files appears with a real thumbnail, its path, pixel size and byte size. The brand cheat sheet PDF and the web manifest are previewed as they are, not as icons.
The real logo, never initials
Curated brands use bundled vector marks; scanned sites use the logo found in the navigation, JSON-LD or touch icon. Square formats use a separate square icon when the logo is a wide wordmark.
Nothing leaves your device
Canvas, pdf-lib, JSZip and the PDF renderer run inside the tab. There is no upload endpoint, so contracts and unreleased logos stay on your machine. Brand fonts load through SuiteAnvil's own proxy.
Frequently asked questions
Can I convert an SVG logo into a full press kit without uploading it?+
Yes. The converter runs client-side in your browser: one SVG or PNG logo becomes 28 files, including a multi-size favicon.ico, Apple and Android icons, a web manifest, Open Graph and social banners, mono logos and a PDF cheat sheet. Nothing is sent to SuiteAnvil's servers.
Are my files uploaded to SuiteAnvil?+
No. Every conversion runs locally in your browser with Canvas, pdf-lib, JSZip and an in-browser PDF renderer. Files are read into memory in your tab and never sent to a server. Only an anonymous export counter is recorded for plan limits.
What is inside the 28-file press kit?+
favicons/ has favicon.ico, 16/32/48 px PNGs, favicon.svg, apple-touch-icon.png, Android Chrome 192 and 512 icons, a maskable 512 icon and site.webmanifest. social/ has OG, X (card, header, avatar), LinkedIn (logo, cover, post), YouTube (banner, avatar), Facebook cover and an Instagram square. logos/ has transparent, on-light, on-dark, mono black, mono white and WebP masters. docs/ has a one-page brand cheat sheet PDF. A README.txt with the HTML <head> snippet is included.
Which logo does the press kit use?+
The active brand's real logo. Curated brands and SuiteAnvil itself use a bundled vector mark. A scanned website uses the logo SuiteAnvil found in the page header, structured data or touch icon. If no logo can be found, the brand name is typeset in its heading font. You can always upload your own master file and a separate square icon.
How does the social banner composer handle profile photos?+
LinkedIn and X place the profile photo over the lower left of the banner, and mobile apps crop the top and bottom of X headers. The composer keeps the logo and text inside a safe area for each platform, so nothing important sits under the avatar.
What does the SVG optimizer remove?+
Comments, the XML declaration and doctype, metadata and description blocks, Inkscape, Sodipodi and Sketch elements and attributes, data-* attributes, unused ids, empty groups and excess decimals. For safety it also removes scripts, event handlers, foreignObject, links and references to external files. Gradients and ids that are actually referenced stay intact.
Is the favicon.ico a real ICO file?+
Yes. It is a genuine multi-image ICO container holding 16, 32 and 48 px PNG entries, written byte by byte in JavaScript. In the image converter you can build ICO files with any combination of sizes from 16 to 256 px.
Can I convert a PNG or JPG into a true vector SVG?+
No, and the tool says so: the SVG output for raster input is labeled “SVG (embedded raster)”. It wraps the bitmap in an SVG container for systems that only accept .svg files. It does not trace the image into vector paths. SVG input stays vector.
What does the free plan include?+
Batches of up to 3 files, a monthly export allowance, and a small “Forged with SuiteAnvil.com” footer on generated PDFs. Images, banners and press-kit graphics are never watermarked. The Asset Converter license raises batches to 200 files and removes the PDF footer.
Works with the rest of your suite
The brand you load here is already applied in every other tool.
Palette, typography, logos, SEO and WCAG contrast from any URL, exported as Tailwind, CSS, Figma tokens or a client-ready PDF audit.
Brand-synced whitepapers, case studies, compliance briefs and print-ready business cards with vCard QR codes.
A FAQ bot trained strictly on your sitemap, styled with your brand, that captures qualified leads and emails you a digest.