[{"data":1,"prerenderedAt":93},["ShallowReactive",2],{"tool-content-en-favicon-generator":3},{"id":4,"title":5,"body":6,"description":83,"extension":84,"locale":85,"meta":86,"navigation":87,"path":88,"seo":89,"stem":90,"toolId":91,"__hash__":92},"tools\u002Ftools\u002Fen\u002Ffavicon-generator.md","Favicon Generator",{"type":7,"value":8,"toc":74},"minimark",[9,14,18,22,30,34,37,41,67,71],[10,11,13],"h2",{"id":12},"what-is-this-tool","What is this tool?",[15,16,17],"p",{},"A favicon is the small icon browsers show in the tab, in bookmarks and on a phone's home screen. Different places need different sizes and formats. This tool takes a single image — PNG, JPG, WebP or SVG — and produces the whole set in your browser.",[10,19,21],{"id":20},"source-image","Source image",[15,23,24,25,29],{},"Drop a file or paste SVG source. A square image gives the cleanest result, but the tool crops any source to a centered square (cover). When you paste an SVG, you can also export a true vector ",[26,27,28],"code",{},"favicon.svg",".",[10,31,33],{"id":32},"options","Options",[15,35,36],{},"Pick a transparent or solid color background, set a corner radius for rounded icons, and type the app name used inside the PWA manifest. Choose which favicon PNG sizes, ICO sizes and maskable sizes to generate, and toggle the Apple touch icon, the maskable set and the manifest.",[10,38,40],{"id":39},"outputs","Outputs",[15,42,43,44,47,48,51,52,54,55,58,59,62,63,66],{},"Download individual files, or grab everything at once as a single ZIP. The set includes ",[26,45,46],{},"favicon.ico",", ",[26,49,50],{},"favicon-*.png",", an optional ",[26,53,28],{},", the opaque ",[26,56,57],{},"apple-touch-icon-180x180.png",", the Android ",[26,60,61],{},"android-chrome-*.png"," icons (plus maskable variants) and ",[26,64,65],{},"site.webmanifest",". Apple touch icons stay opaque and ignore the corner radius, since iOS applies its own shape.",[10,68,70],{"id":69},"privacy","Privacy",[15,72,73],{},"Everything is generated locally. Your source image never leaves the browser.",{"title":75,"searchDepth":76,"depth":76,"links":77},"",2,[78,79,80,81,82],{"id":12,"depth":76,"text":13},{"id":20,"depth":76,"text":21},{"id":32,"depth":76,"text":33},{"id":39,"depth":76,"text":40},{"id":69,"depth":76,"text":70},"Generate a complete favicon set from one image: ICO, PNG, SVG, Apple touch and Android icons plus a PWA manifest.","md","en",{},true,"\u002Ftools\u002Fen\u002Ffavicon-generator",{"title":5,"description":83},"tools\u002Fen\u002Ffavicon-generator","favicon-generator","cISdlqVuLsLA2GCP5w2MXJbSQ6camNfMPuvfK-1lWao",1792391417501]