{"id":91,"date":"2010-05-17T18:44:36","date_gmt":"2010-05-17T18:44:36","guid":{"rendered":"http:\/\/www.sgis-blog.co.uk\/?p=91"},"modified":"2014-08-14T11:34:46","modified_gmt":"2014-08-14T11:34:46","slug":"icon-creation","status":"publish","type":"post","link":"https:\/\/sgis.co.uk\/blog\/2010\/05\/icon-creation\/","title":{"rendered":"Icon Creation"},"content":{"rendered":"

Have you ever wanted to create your own icon to appear at the top of the navigation bar of the browsers? Follow this 4 step guide and your icon will be up in minutes\u2026<\/p>\n

1. Choose the image that you want to appear. It\u2019s best to make sure the image is already square to ensure it is not distorted.<\/p>\n

2. Visit www.favicon.co.uk<\/strong><\/a>, upload the above picture and choose the icon size, choose the default size of 32×32.<\/p>\n

3. Download the icon and upload it to your hosting account.<\/p>\n

4. Add the below code code to the header of the webpage you want the icon to appear before the closing <\/head> tag.<\/p>\n

<link rel="shortcut icon" href="http:\/\/www.example.co.uk\/favicon.ico"><\/strong>
\nN.B.<\/strong> Remember to change the web address to where the icon has been saved.<\/p>\n

Fingers crossed you should now see your icon appearing on your site!<\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

Have you ever wanted to create your own icon to appear at the top of the navigation bar of the …<\/p>\n

Read article<\/a><\/p>\n","protected":false},"author":1,"featured_media":1090,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[8,18,21],"class_list":["post-91","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design-guides","tag-design","tag-guide","tag-html"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t