Awesome
Antwerp favicons
How to use
Check whether your app is for citizens or for employees.
Citizens
Copy-paste the following code into the <head>
section of your html:
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.antwerpen.be/core_branding_favicons/citizens/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.antwerpen.be/core_branding_favicons/citizens/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.antwerpen.be/core_branding_favicons/citizens/favicon-16x16.png">
<link rel="manifest" href="https://cdn.antwerpen.be/core_branding_favicons/citizens/site.webmanifest">
<link rel="mask-icon" href="https://cdn.antwerpen.be/core_branding_favicons/citizens/safari-pinned-tab.svg" color="#cf0039">
<meta name="msapplication-TileColor" content="#cf0039">
<meta name="theme-color" content="#cf0039">
Employees
Copy-paste the following code in the <head>
section of your html:
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn.antwerpen.be/core_branding_favicons/employees/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://cdn.antwerpen.be/core_branding_favicons/employees/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://cdn.antwerpen.be/core_branding_favicons/employees/favicon-16x16.png">
<link rel="manifest" href="https://cdn.antwerpen.be/core_branding_favicons/employees/site.webmanifest">
<link rel="mask-icon" href="https://cdn.antwerpen.be/core_branding_favicons/employees/safari-pinned-tab.svg" color="#cf0039">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
Authors
- Jeroen Collier - Art director, lead design
- Jasper Van Proeyen - Devigner, lead developer
License
This project is licensed under a modified version of the MIT license. See the LICENSE.md file for details.