Kategorien

← View All Tools

SVG-Favicon-Generator

Erzeugt aus einem SVG- oder Rasterlogo ein komplettes Favicon-Paket mit ICO, PNG-Varianten, Apple-Touch-Icon und Web-Manifest

Beispielergebnisse

2 Beispiele

Standard-Favicon-Paket aus SVG erzeugen

Erstellt ICO, PNG, Apple-Touch-Icon, Manifest und ein direkt einsetzbares HTML-Snippet aus einem Vektorlogo

svg-favicon-generator-example1.zip Datei anzeigen
Eingabeparameter anzeigen
{ "sourceFile": "/public/samples/svg/01-basic-shapes.svg", "backgroundColor": "#ffffff", "fitMode": "contain", "paddingPercent": 10, "siteName": "Studio Atlas", "themeColor": "#0f172a" }

App-Icon-Set aus einem Rasterlogo erstellen

Verwendet Cover-Anpassung und dunkles Theme, um aus einer PNG-Quelle ein komplettes Favicon-Paket zu erstellen

svg-favicon-generator-example2.zip Datei anzeigen
Eingabeparameter anzeigen
{ "sourceFile": "/public/samples/images/logo.png", "backgroundColor": "#020617", "fitMode": "cover", "paddingPercent": 4, "siteName": "North Grid", "themeColor": "#020617" }

Click to upload file or drag and drop file here

Maximum file size: 20MB Supported formats: image/svg+xml, image/png, image/jpeg, image/webp

0 8 35

Wichtige Fakten

Kategorie
Media
Eingabetypen
file, color, select, range, text
Ausgabetyp
file
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Der SVG Favicon Generator erstellt aus einem SVG- oder Rasterlogo ein komplettes Favicon-Paket mit ICO, PNG, Apple-Touch-Icon und site.webmanifest.

Wann verwenden

  • •Wenn nur ein SVG-Logo vorliegt, aber das komplette Favicon-Set fuer den Launch gebraucht wird.
  • •Wenn Browser-, iOS- und Android-Icons konsistent sein sollen.

So funktioniert es

  • •Lade ein SVG oder quadratisches Logo hoch.
  • •Lege Hintergrundfarbe, Anpassungsmodus und Innenabstand fest.
  • •Lade ein ZIP mit favicon.ico, PNG-Dateien, Manifest und HTML-Snippet herunter.

Anwendungsfälle

Favicons fuer eine neue Landingpage schnell vorbereiten.
Ein einheitliches Icon-Set fuer eine Web-App erzeugen.

Beispiele

1. Ein Favicon-Paket aus einem SVG-Logo erstellen

Frontend-Entwickler
Hintergrund
Du hast ein sauberes Vektorlogo vom Design-Team erhalten.
Problem
Du brauchst alle Website-Icons, ohne jede Groesse einzeln zu exportieren.
Verwendung
SVG hochladen, contain waehlen und weissen Hintergrund behalten.
Beispielkonfiguration
Padding 10%, Theme color #0f172a
Ergebnis
Ein ZIP mit allen wichtigen Favicon-Dateien steht sofort bereit.

Mit Samples testen

xml, image, png
SVG Beispiele
Beispiele für skalierbare Vektorgrafiken (SVG), die verschiedene SVG-Funktionen und -Techniken demonstrieren
title token svg
image
Web Python Bildverarbeitung Beispiele
Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung
preferred input family image
image
Windows C++ Bildverarbeitung Beispiele
Windows C++ Bildverarbeitungsbeispiele einschließlich Bild-Laden/Speichern, Größenänderung und Formatkonvertierung mit Windows Imaging Component
preferred input family image
image
Web Rust Bildverarbeitungsbeispiele
Web Rust Bildverarbeitungsbeispiele einschließlich Lesen/Schreiben, Skalierung und Formatkonvertierung
preferred input family image
image

Verwandte Hubs

Xml-Convert-Tools
Entdecken Sie 33 xml-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Image-Convert-Tools
Entdecken Sie 100 image-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Video-Convert-Tools
Entdecken Sie 36 video-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Image-Tools
Entdecken Sie 40 image-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Wird SVG unterstuetzt?

Ja. Auch PNG und JPG werden akzeptiert.

Welche Dateien sind enthalten?

Das ZIP enthaelt favicon.ico, mehrere PNG-Groessen, Apple-Touch-Icon, Android-Icons, Manifest und ein HTML-Snippet.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/svg-favicon-generator

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
sourceFile file (Upload erforderlich) Ja -
backgroundColor color Nein -
fitMode select Nein -
paddingPercent range Nein -
siteName text Nein -
themeColor color Nein -

Dateitypparameter müssen erst über POST /upload/svg-favicon-generator hochgeladen werden, um filePath zu erhalten, dann filePath an das entsprechende Dateifeld übergeben.

Antwortformat

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Datei: Datei

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-svg-favicon-generator": {
      "name": "svg-favicon-generator",
      "description": "Erzeugt aus einem SVG- oder Rasterlogo ein komplettes Favicon-Paket mit ICO, PNG-Varianten, Apple-Touch-Icon und Web-Manifest",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=svg-favicon-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Unterstützt URL-Dateilinks oder Base64-Codierung für Dateiparameter.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]