Customized integrations
Favicon
A favicon is a small icon representing your website, web page, or web application. Favicons appear in browser tabs, bookmarks, and browser history, helping users quickly identify your site. They also support brand recognition, user trust, and indirectly improve SEO.
Adding a favicon through Hosting Settings
If you have trouble adding a favicon through the standard method above, you can add it directly through your project's hosting settings instead:
Go to Hosting Settings.
Scroll to the Favicon section.
Upload your favicon using the provided option.
Once uploaded, Vev automatically generates the icon sizes and HTML attributes needed for the favicon to work correctly across browsers and devices. You do not need to configure these yourself.
What Vev generates for you
Sizes: Vev generates the different icon dimensions needed for different devices and contexts, for example a small size for browser tabs and a larger size for devices that use the icon as an app style shortcut.
Relationship (
rel): Vev sets the correctrelattribute for each generated icon, typicallyicon,shortcut icon, orapple-touch-icon, depending on where the icon is used.URL: Vev sets the direct path to each generated icon file.
Mobile browser color
You can customize the browser interface color on iOS Safari and Android devices to match your website theme, creating a cohesive visual experience.
Mobile browser color requirements
Hexadecimal 6-digit: use the format
#RRGGBB, for example#FF0000for red.Hexadecimal 3-digit: use the format
#RGB, for example#F00for red.Color names: use a recognized CSS color name, such as
red,green,blue,white, orblack.
Custom HTML snippets and custom scripts
Vev also supports adding your own HTML and JavaScript to a project for more advanced customization.
Custom HTML Snippets let you embed custom HTML elements directly into your page. See Custom HTML Snippets in Vev.
Custom Scripts let you run your own JavaScript within a project, for example for tracking codes or third party integrations. See Custom Scripts in Vev.
Need help?
If your favicon does not appear after following these steps, try clearing your browser cache first, since browsers often cache favicons aggressively. If the issue continues, or if you run into trouble with mobile browser color or custom scripts, contact Vev support through the in-app chat or at support@vev.design.