realfavicongenerator.net
Description
Website to generate favicon for websites. also creates it for device and mobile bookmark image placeholder with logo.
Website to generate favicon for websites. also creates it for device and mobile bookmark image placeholder with logo.
- first step, create the icon in any graphics program and save as a .png
- upload to realfavicongenerator.net and generate favicon code
- create a folder in the img folder and call it favicon img/favicon
- go to if-knowledge and copy and past the code under the description meta tags
HTML Source Code
<link rel="apple-touch-icon" sizes="180x180" href="<?php bloginfo('template_url') ?>/img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="<?php bloginfo('template_url') ?>/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="<?php bloginfo('template_url') ?>/img/favicon/favicon-16x16.png">
<link rel="manifest" href="<?php bloginfo('template_url') ?>/img/favicon/site.webmanifest">
<link rel="mask-icon" href="<?php bloginfo('template_url') ?>/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
