Favicon pentru React
React nu redă <head> pentru dvs. — favicon-ul se află în index.html. Introduceți favicon.ico în /public și conectați-l; setările moderne oferă și o variantă SVG și PNG.
Vite și CRA servesc ambele /public la rădăcină, așa că /favicon.ico este calea implicită de descoperire. Nu este necesară configurarea bundlerului.
Pentru afișaje cu DPI ridicat și solicitări de instalare PWA, adăugați un apple-touch-icon de 180×180 și un PNG de 512×512 la /public și conectați-le în index.html.
Cum funcționează
- 1
Generați un .ico cu mai multe dimensiuni
Utilizați generatorul nostru de favicon cu o sursă 512×512.
- 2
Aruncă în /public
Plasați favicon.ico, favicon.svg și apple-touch-icon.png acolo.
- 3
Link în index.html
Adăugați <link rel="icon" href="/favicon.ico"> și <link rel="icon" type="image/svg+xml" href="/favicon.svg">.
Încearcă acum
Creați o favicon gata pentru React
Generator de FaviconÎntrebări frecvente
Unde merge favicon-ul într-o aplicație Vite React?+
/public/favicon.ico (și /public/favicon.svg dacă doriți o variantă vectorială).
Cum adaug o favicon în modul întunecat?+
Utilizați un singur SVG cu un bloc <style>@media (prefers-color-scheme: dark) {...}</style>.
De ce favicon-ul meu nu se va încărca în dev?+
Actualizează complet fila. Browserele memorează în cache /favicon.ico per origine chiar și în timpul reîncărcărilor.
Instrumente conexe
Generator de Favicon
Generează un pachet complet de favicon (ICO + PNG-uri) pentru orice dispozitiv și browser.
Convertor PNG în ICO
Convertor online gratuit din PNG în ICO pentru iconițe Windows, pictograme de aplicații și faviconuri de site-uri.
Convertor SVG în PNG
Rasterizează grafice vectoriale SVG în PNG la orice rezoluție.