← WebMCP Directory

Tool tree

favicongenerator.io

Developer ToolsTools verified
Website
Free favicon generator for SVG, PNG, ICO, and PWA icons. Create from text, emoji, image, or SVG with dark mode support. Runs locally in your browser.
Explore capabilities

    page: Every page

    generate_text_faviconAction

    Build a favicon on this page from one or two characters or an emoji on a colored rounded-square or circle background, then render every size. Options left out keep the values currently set on the page. Returns the file list, the HTML <head> snippet and favicon.svg.

    View tool JSON
    {
      "name": "generate_text_favicon",
      "kind": "act",
      "impl": "imperative",
      "description": "Build a favicon on this page from one or two characters or an emoji on a colored rounded-square or circle background, then render every size. Options left out keep the values currently set on the page. Returns the file list, the HTML <head> snippet and favicon.svg.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "text": {
            "type": "string",
            "minLength": 1,
            "maxLength": 32,
            "description": "One or two characters or one emoji, e.g. \"A\", \"JS\", \"🚀\"."
          },
          "font_family": {
            "type": "string",
            "maxLength": 120,
            "description": "CSS font list, e.g. \"'Inter', sans-serif\"."
          },
          "font_weight": {
            "type": "integer",
            "minimum": 100,
            "maximum": 900,
            "description": "Font weight in steps of 100."
          },
          "shape": {
            "type": "string",
            "enum": [
              "rounded",
              "circle"
            ],
            "description": "Background shape."
          },
          "radius": {
            "type": "number",
            "minimum": 0,
            "maximum": 160,
            "description": "Corner radius of the rounded shape on a 512-unit canvas; 0 is a square."
          },
          "text_color": {
            "type": "string",
            "pattern": "^(#[0-9a-fA-F]{6}|transparent)$",
            "description": "Glyph color in light mode, #rrggbb."
          },
          "text_color_dark": {
            "type": "string",
            "pattern": "^(#[0-9a-fA-F]{6}|transparent)$",
            "description": "Glyph color in dark mode, #rrggbb."
          },
          "background_start": {
            "type": "string",
            "pattern": "^(#[0-9a-fA-F]{6}|transparent)$",
            "description": "Background gradient start in light mode, #rrggbb or \"transparent\"."
          },
          "background_end": {
            "type": "string",
            "pattern": "^(#[0-9a-fA-F]{6}|transparent)$",
            "description": "Background gradient end in light mode."
          },
          "background_start_dark": {
            "type": "string",
            "pattern": "^(#[0-9a-fA-F]{6}|transparent)$",
            "description": "Background gradient start in dark mode."
          },
          "background_end_dark": {
            "type": "string",
            "pattern": "^(#[0-9a-fA-F]{6}|transparent)$",
            "description": "Background gradient end in dark mode."
          }
        },
        "required": [
          "text"
        ],
        "additionalProperties": false
      },
      "page": "/"
    }
    load_svgAction

    Load SVG markup as the favicon source on this page and render every size. The SVG is sanitized and optimized first.

    View tool JSON
    {
      "name": "load_svg",
      "kind": "act",
      "impl": "imperative",
      "description": "Load SVG markup as the favicon source on this page and render every size. The SVG is sanitized and optimized first.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "svg": {
            "type": "string",
            "minLength": 1,
            "maxLength": 200000,
            "description": "Complete SVG markup starting with <svg."
          }
        },
        "required": [
          "svg"
        ],
        "additionalProperties": false
      },
      "page": "/"
    }
    get_favicon_filesAnswer

    Return the files generated on this page so far (name and size), the HTML <head> snippet and favicon.svg.

    View tool JSON
    {
      "name": "get_favicon_files",
      "kind": "answer",
      "impl": "imperative",
      "description": "Return the files generated on this page so far (name and size), the HTML <head> snippet and favicon.svg.",
      "inputSchema": {
        "type": "object",
        "properties": {},
        "required": [],
        "additionalProperties": false
      },
      "page": "/"
    }
    download_favicon_zipAction

    Download every generated file (SVG, ICO, PNG sizes, site.webmanifest, HTML snippet) as favicon-package.zip to the user's computer.

    View tool JSON
    {
      "name": "download_favicon_zip",
      "kind": "act",
      "impl": "imperative",
      "description": "Download every generated file (SVG, ICO, PNG sizes, site.webmanifest, HTML snippet) as favicon-package.zip to the user's computer.",
      "inputSchema": {
        "type": "object",
        "properties": {},
        "required": [],
        "additionalProperties": false
      },
      "page": "/"
    }

    page: Home

    search_iconsAnswer

    Search the open-source icon library on this page (Feather, Lucide, Tabler, Heroicons, custom icons and Unicode symbols) by keyword. Returns ids for select_icon.

    View tool JSON
    {
      "name": "search_icons",
      "kind": "answer",
      "impl": "imperative",
      "description": "Search the open-source icon library on this page (Feather, Lucide, Tabler, Heroicons, custom icons and Unicode symbols) by keyword. Returns ids for select_icon.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "query": {
            "type": "string",
            "maxLength": 100,
            "description": "Keywords such as \"rocket\" or \"shopping cart\"."
          },
          "limit": {
            "type": "integer",
            "minimum": 1,
            "maximum": 50,
            "description": "Maximum number of icons. Default 10."
          }
        },
        "required": [],
        "additionalProperties": false
      },
      "page": "/"
    }
    select_iconAction

    Turn one library icon into the favicon on this page and render every size. Get ids from search_icons.

    View tool JSON
    {
      "name": "select_icon",
      "kind": "act",
      "impl": "imperative",
      "description": "Turn one library icon into the favicon on this page and render every size. Get ids from search_icons.",
      "inputSchema": {
        "type": "object",
        "properties": {
          "id": {
            "type": "string",
            "maxLength": 100,
            "description": "Icon id from search_icons, e.g. \"rocket\"."
          }
        },
        "required": [
          "id"
        ],
        "additionalProperties": false
      },
      "page": "/"
    }