Favicon generator API

Turn a PNG, JPEG or SVG logo, or a letter, into a full favicon set: favicon.ico, PNG and maskable icons, apple-touch-icon, site.webmanifest and HTML.

Parameters

Example

curl -X POST "https://apibox.io.vn/v1/favicon" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"text":"A","background":"#2563eb","name":"APIBox Demo","short_name":"Demo","theme_color":"#2563eb"}'

const res = await fetch('https://apibox.io.vn/v1/favicon', {
  method: 'POST',
  headers: {
    Authorization: 'Bearer YOUR_API_KEY',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    "text": "A",
    "background": "#2563eb",
    "name": "APIBox Demo",
    "short_name": "Demo",
    "theme_color": "#2563eb"
  }),
});
const data = await res.json();
console.log(data);

import requests

res = requests.post(
    "https://apibox.io.vn/v1/favicon",
    headers={"Authorization": "Bearer YOUR_API_KEY"},
    json={"text": "A", "background": "#2563eb", "name": "APIBox Demo", "short_name": "Demo", "theme_color": "#2563eb"},
    timeout=30,
)
print(res.json())

<?php
$ch = curl_init('https://apibox.io.vn/v1/favicon');
curl_setopt_array($ch, [
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_CUSTOMREQUEST => 'POST',
    CURLOPT_HTTPHEADER => ['Authorization: Bearer YOUR_API_KEY', 'Content-Type: application/json'],
    CURLOPT_POSTFIELDS => '{"text":"A","background":"#2563eb","name":"APIBox Demo","short_name":"Demo","theme_color":"#2563eb"}',
]);
$response = curl_exec($ch);
print_r(json_decode($response, true));

Response

{
  "source": "text",
  "html": "<link rel=\"icon\" type=\"image/png\" href=\"/favicon-96x96.png\" sizes=\"96x96\">\n<link rel=\"icon\" type=\"image/svg+xml\" href=\"/favicon.svg\">\n<link rel=\"shortcut icon\" href=\"/favicon.ico\">\n<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/apple-touch-icon.png\">\n<meta name=\"apple-mobile-web-app-title\" content=\"Demo\">\n<link rel=\"manifest\" href=\"/site.webmanifest\">\n<meta name=\"theme-color\" content=\"#2563eb\">",
  "manifest": {
    "name": "APIBox Demo",
    "short_name": "Demo",
    "icons": [
      {
        "src": "/android-chrome-192x192.png",
        "sizes": "192x192",
        "type": "image/png"
      },
      {
        "src": "/android-chrome-512x512.png",
        "sizes": "512x512",
        "type": "image/png"
      },
      {
        "src": "/maskable-icon-512x512.png",
        "sizes": "512x512",
        "type": "image/png",
        "purpose": "maskable"
      }
    ],
    "theme_color": "#2563eb",
    "background_color": "#ffffff",
    "display": "standalone"
  },
  "files": [
    {
      "name": "favicon.ico",
      "type": "image/x-icon",
      "width": 48,
      "height": 48,
      "bytes": 15086,
      "data_uri": "data:image/x-icon;base64,AAABAAMAEBAAAAEAIABoBAAANgAAACAgAAABACAAqBAAAJ4EAAAwMAAAAQAgAKglAABGFQAAKAAAABAAAAAgAAAAAQAgAAA…"
    },
    {
      "name": "favicon-96x96.png",
      "type": "image/png",
      "width": 96,
      "height": 96,
      "bytes": 1573,
      "data_uri": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4…"
    },
    {
      "name": "favicon.svg",
      "type": "image/svg+xml",
      "bytes": 289,
      "data_uri": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cmVjdCB3aW…"
    },
    {
      "name": "apple-touch-icon.png",
      "type": "image/png",
      "width": 180,
      "height": 180,
      "bytes": 3125,
      "data_uri": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAIAAACyr5Fl…"
    },
    {
      "name": "android-chrome-192x192.png",
      "type": "image/png",
      "width": 192,
      "height": 192,
      "bytes": 3311,
      "data_uri": "data:image/png;base64,…"
    },
    {
      "name": "android-chrome-512x512.png",
      "type": "image/png",
      "width": 512,
      "height": 512,
      "bytes": 10018,
      "data_uri": "data:image/png;base64,…"
    },
    {
      "name": "maskable-icon-512x512.png",
      "type": "image/png",
      "width": 512,
      "height": 512,
      "bytes": 8552,
      "data_uri": "data:image/png;base64,…"
    },
    {
      "name": "site.webmanifest",
      "type": "application/manifest+json",
      "bytes": 511,
      "data_uri": "data:application/manifest+json;base64,ewogICJuYW1lIjogIkFQSUJveCBEZW1vIiwKICAic2hvcnRfbmFtZSI6ICJEZW1vIiwK…"
    }
  ],
  "warnings": []
}

Use cases

• Favicon set for a new website or landing page in one call
• Site builders and CMS that let customers upload a logo
• Letter icons for internal tools and staging sites
• PWA icons and manifest for an existing web app

FAQ

Related APIs