Tag: favicon
-
How to overlay SVG images with svg.js library?
What is SVG? SVG (Scalable Vector Graphics) is an XML-based format for describing two-dimensional graphics. It is widely used for displaying graphics on the web due to its scalability, light weight and high quality. Recently, browser favicons can be displayed in SVG format. What is SVG.js library? SVG.js is a lightweight JavaScript library designed for…
-
How to Overlay a Custom SVG Image on a Favicon
Hello! Let me introduce an app I created as a browser extension that overlays a custom SVG image (a pink square image) on a fetched favicon to display it as a new favicon. 1. Required files and Prerequisites I’m using a svg.js library to manage svg images. Please see the previous post to see how…
-
How to Generate SVG Favicon and Replace in Browser Extension
I created the Edge Extension to set an SVG format favicon when you double click the page. I will introduce how to implement it. 0. Prerequisites You need to download SVG.js library to create SVG format data in JavaScript that runs in Web Browser. You can see the instructions in the previous post. Also, you…
-
Display Browsing History Icon (Favicon) in Edge Extension – Google Favicon Server –
I’m going to develop exactly same popup dialog as Microsoft Edge “History” popup. Today, I would like to display favicons at the right side of each browsing history title in the pop-up dialog. Favicon is a small icon that is displayed in the browser’s address bar. Favicon 1. How to Get a Favicon from Google…
Journey of learning 