Free tool

Brand Kit

Your logo mark and a few details in. Every favicon, app icon, social image, web manifest and <head> tag out, in one zip. It all happens in your browser.

0 / 160

Picked from your logo when it has a color of its own. Used for the theme color and the social image.

Advanced options

App & icons

Icon background

Favicons and Android icons. The iOS and maskable icons are always filled, because those platforms fill them for you otherwise.

Your mark is trimmed to its artwork first, so this is the only thing deciding how big it sits.

Logo color

Auto keeps your logo’s own colors and only repaints it where it would vanish into the background.

Under a home-screen icon.

Follows the brand color.

The splash screen of an installed app, and what fills the iOS icon when the icon background is transparent.

Social sharing

The <title>, and the title of a shared link. Defaults to the brand name.

Social image
Social image background

Adds twitter:site.

Adds og:locale.

12 files and your <head> tags, as a .zip

Icons

iOS
Android
512 pxFavicon

Add your logo mark and every icon shows up here, at the sizes it ships in.

Social image 1200 × 630

Install

  1. Download the kit.
  2. Add the installer and point it at the zip: 
    composer require designer/brand-kit --dev
php artisan designer:brand-kit ~/Downloads/brand-kit.zip
  3. It copies everything into public/ and prints the tags for your <head>.