Catégories

← View All Tools

Generateur de Favicon SVG

Transforme un logo SVG ou raster en pack favicon complet avec ICO, variantes PNG, icone Apple Touch et web manifest

Exemples de résultats

2 Exemples

Generer un pack favicon standard depuis un SVG

Cree ICO, PNG, icone Apple Touch, manifest et un extrait HTML pret a coller a partir dun logo vectoriel

svg-favicon-generator-example1.zip Voir fichier
Voir paramètres d'entrée
{ "sourceFile": "/public/samples/svg/01-basic-shapes.svg", "backgroundColor": "#ffffff", "fitMode": "contain", "paddingPercent": 10, "siteName": "Studio Atlas", "themeColor": "#0f172a" }

Construire un jeu d icones d application depuis un logo raster

Utilise le mode cover et un theme sombre pour creer une suite favicon quand la ressource source est en PNG

svg-favicon-generator-example2.zip Voir fichier
Voir paramètres d'entrée
{ "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

Points clés

Catégorie
Media
Types d’entrée
file, color, select, range, text
Type de sortie
file
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

SVG Favicon Generator transforme un logo SVG ou raster en pack favicon complet avec ICO, PNG, icone Apple Touch et site.webmanifest.

Quand l’utiliser

  • •Quand vous avez seulement un logo SVG et qu il faut tout le pack favicon pour mettre un site en ligne.
  • •Quand vous voulez des icones coherentes pour navigateur, iOS et Android.

Comment ça marche

  • •Importez un SVG ou une image de logo carree.
  • •Choisissez la couleur de fond, le mode d ajustement et la marge.
  • •Telechargez un ZIP avec favicon.ico, PNG, manifest et extrait HTML.

Cas d’usage

Preparer rapidement les icones d une landing page.
Generer un jeu d icones uniforme pour une application web.

Exemples

1. Generer un pack favicon depuis un logo SVG

Developpeur frontend
Contexte
Vous avez recu un logo vectoriel pret pour le web.
Problème
Vous devez produire tous les fichiers favicon sans exporter chaque taille a la main.
Comment l’utiliser
Importez le SVG et gardez le mode contain avec fond blanc.
Configuration d’exemple
Padding 10%, Theme color #0f172a
Résultat
Vous obtenez un ZIP avec tous les fichiers favicon principaux.

Tester avec des échantillons

xml, image, png
Exemples SVG
Exemples de graphiques vectoriels évolutifs (SVG) démontrant diverses fonctionnalités et techniques SVG
title token svg
image
Exemples de Traitement d'Images Web Python
Exemples de traitement d'images Web Python utilisant PIL/Pillow incluant la lecture, l'enregistrement, le redimensionnement et la conversion de format
preferred input family image
image
Exemples de Traitement d'Images Windows C++
Exemples de traitement d'images Windows C++ incluant lecture/sauvegarde d'images, redimensionnement et conversion de format utilisant Windows Imaging Component
preferred input family image
image
Exemples de Traitement d'Images Web Rust
Exemples de traitement d'images Web Rust incluant lecture/écriture, redimensionnement et conversion de format
preferred input family image
image

Hubs associés

Outils Xml pour Convert
Découvrez 33 outils xml pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Image pour Convert
Découvrez 100 outils image pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Video pour Convert
Découvrez 36 outils video pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Image
Découvrez 40 outils image pour des workflows de utility et comparez rapidement des utilitaires proches.

FAQ

Le SVG est-il pris en charge ?

Oui. Les fichiers PNG et JPG sont egalement acceptes.

Que contient l archive ?

Elle contient favicon.ico, plusieurs PNG, apple-touch-icon, des icones Android, le manifest et un extrait HTML.

Documentation de l'API

Point de terminaison de la requête

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

Paramètres de la requête

Nom du paramètre Type Requis Description
sourceFile file (Téléchargement requis) Oui -
backgroundColor color Non -
fitMode select Non -
paddingPercent range Non -
siteName text Non -
themeColor color Non -

Les paramètres de type fichier doivent être téléchargés d'abord via POST /upload/svg-favicon-generator pour obtenir filePath, puis filePath doit être passé au champ de fichier correspondant.

Format de réponse

{
  "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)"
}
Fichier: Fichier

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP: 

{
  "mcpServers": {
    "elysiatools-svg-favicon-generator": {
      "name": "svg-favicon-generator",
      "description": "Transforme un logo SVG ou raster en pack favicon complet avec ICO, variantes PNG, icone Apple Touch et web manifest",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=svg-favicon-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Prend en charge les liens de fichiers URL ou la codification Base64 pour les paramètres de fichier.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]