Upload an image and generate favicons instantly!
Your email address will not be published. Required fields are marked *
![Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdhurla.com%2Ffavicon-generator%2F"e=Favicon+Generator&description=%3C%21--+wp%3Aimage+%7B%22id%22%3A712%2C%22sizeSlug%22%3A%22full%22%2C%22linkDestination%22%3A%22none%22%7D+--%3EIndia+Udyam+Free+Tools+-+Favicon+Generator%3C%21--+%2Fwp%3Aimage+--%3E%3C%21--+wp%3Ahtml+--%3E++++++++++++Favicon+Generator++++++++++++body+%7B+font-family%3A+Arial%2C+sans-serif%3B+text-align%3A+center%3B+padding%3A+20px%3B+%7D++++++++input+%7B+margin%3A+10px%3B+%7D++++++++.output+%7B+margin-top%3A+20px%3B+%7D++++++++.preview+%7B+border%3A+1px+solid+%23ddd%3B+padding%3A+10px%3B+display%3A+inline-block%3B+%7D++++++++.download-link+%7B+display%3A+block%3B+margin-top%3A+10px%3B+font-weight%3A+bold%3B+color%3A+blue%3B+cursor%3A+pointer%3B+%7D++++++++%F0%9F%8C%9F+Favicon+Generator++++Upload+an+image+and+generate+favicons+instantly%21++++++++Generate+Favicon++++++++++++++++function+generateFavicon%28%29+%7B++++++++++++const+fileInput+%3D+document.getElementById%28%22imageInput%22%29.files%5B0%5D%3B++++++++++++if+%28%21fileInput%29+%7B++++++++++++++++alert%28%22Please+select+an+image+file.%22%29%3B++++++++++++++++return%3B++++++++++++%7D++++++++++++const+reader+%3D+new+FileReader%28%29%3B++++++++++++reader.onload+%3D+function%28event%29+%7B++++++++++++++++const+img+%3D+new+Image%28%29%3B++++++++++++++++img.src+%3D+event.target.result%3B++++++++++++++++img.onload+%3D+function%28%29+%7B++++++++++++++++++++const+sizes+%3D+%5B16%2C+32%2C+48%2C+64%2C+128%2C+256%5D%3B++++++++++++++++++++const+outputDiv+%3D+document.getElementById%28%22output%22%29%3B++++++++++++++++++++outputDiv.innerHTML+%3D+%22%22%3B++++++++++++++++++++sizes.forEach%28size+%3D%26gt%3B+%7B++++++++++++++++++++++++const+canvas+%3D+document.createElement%28%22canvas%22%29%3B++++++++++++++++++++++++canvas.width+%3D+size%3B++++++++++++++++++++++++canvas.height+%3D+size%3B++++++++++++++++++++++++const+ctx+%3D+canvas.getContext%28%222d%22%29%3B++++++++++++++++++++++++ctx.drawImage%28img%2C+0%2C+0%2C+size%2C+size%29%3B++++++++++++++++++++++++const+faviconURL+%3D+canvas.toDataURL%28%22image%2Fpng%22%29%3B++++++++++++++++++++++++const+downloadLink+%3D+document.createElement%28%22a%22%29%3B++++++++++++++++++++++++downloadLink.href+%3D+faviconURL%3B++++++++++++++++++++++++downloadLink.download+%3D+%60favicon-%24%7Bsize%7Dx%24%7Bsize%7D.png%60%3B++++++++++++++++++++++++downloadLink.innerHTML+%3D+%60Download+%24%7Bsize%7Dx%24%7Bsize%7D%60%3B++++++++++++++++++++++++downloadLink.className+%3D+%22download-link%22%3B++++++++++++++++++++++++const+previewDiv+%3D+document.createElement%28%22div%22%29%3B++++++++++++++++++++++++previewDiv.className+%3D+%22preview%22%3B++++++++++++++++++++++++previewDiv.innerHTML+%3D+%60%60%3B++++++++++++++++++++++++++++++++++++++++++++++++outputDiv.appendChild%28previewDiv%29%3B++++++++++++++++++++++++outputDiv.appendChild%28downloadLink%29%3B++++++++++++++++++++%7D%29%3B++++++++++++++++%7D%3B++++++++++++%7D%3B++++++++++++reader.readAsDataURL%28fileInput%29%3B++++++++%7D++++%3C%21--+%2Fwp%3Ahtml+--%3E){kind=link}