I am wondering if it is possible to get a website's favicon by an URL with <code>JavaScript</code>. For example I have an URL <code>http://www.bbc.co.uk/</code> and I would like to get path to favicon described in <code><link rel="icon" .../></code> meta tag - <code>http://www.bbc.co.uk/favicon.ico</code>. I have many URLs so that should not load every page and search for <code>link</code> tag I think. Any ideas ?

Here are 2 working options, I tested over 100 urls and got different results which each option. Please note, this solution is not <code>JS</code>, but <code>JS</code> may not be necessary. <pre class="prettyprint"><code> <img height="16" width="16" src='http://www.google.com/s2/favicons?domain=www.edocuments.co.uk' />  <img height="16" width="16" src='http://grabicon.com/edocuments.co.uk' /> </code></pre>

Get website's favicon with JS

1 Answers

Here are 2 working options, I tested over 100 urls and got different results which each option. Please note, this solution is not JS, but JS may not be necessary.

<!-- Free -->  <img height="16" width="16" src='http://www.google.com/s2/favicons?domain=www.edocuments.co.uk' /> <!-- Paid --> <img height="16" width="16" src='http://grabicon.com/edocuments.co.uk' />

100

answered Oct 19 '22 13:10

Blowsie

Related questions
                            
                                Chrome extension: Get current tab from popup
                            
                                JavaScript: Can ECMAScript 5's Strict Mode ("use strict") be enabled using single quotes ('use strict')?
                            
                                Do 'if' statements in JavaScript require curly braces? [duplicate]
                            
                                Jquery: Hide all children, then show a specific element
                            
                                How can one get the file path of the caller function in node.js?
                            
                                Dynamic jQuery Validate error messages with AddMethod based on the element
                            
                                Creating functions dynamically in JS
                            
                                Avoid mutating a prop directly since the value will be overwritten
                            
                                ZIP Code (US Postal Code) validation
                            
                                Change the jquery show()/hide() animation?
                            
                                Get the window height
                            
                                Understanding Modernizr benefits over html5shiv
                            
                                npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules
                            
                                Angular is automatically adding 'ng-invalid' class on 'required' fields
                            
                                Sublime Text 3 - integrated terminal?
                            
                                Inject TypeORM repository into NestJS service for mock data testing
                            
                                Get All Elements in an HTML document with a specific CSS Class
                            
                                How to hide form code from view code/inspect element browser?
                            
                                webpack: Module not found: Error: Can't resolve (with relative path)
                            
                                Angular: 7.2.1 ES6 class ReferenceError : Cannot access 'X' before initialization

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!

Donate Us With

Get website's favicon with JS

Tags:

javascript

favicon

hsz

People also ask

1 Answers

Blowsie

Recent Activity

Donate For Us