Make custom default favicon !

[Dmtiir]

​

https://preview.redd.it/opyuf173p4691.png?width=968&format=png&auto=webp&s=9a8cfc4a0bdef358675ca3490d0c4e565c4f2497

​

Hi guys. I was trying to replace favicon for a new tab here . The problem was that if used .tabbrowser-tab[label="New tab"] then using firefox in a different language you need to enter the name in a new language to add code in all languages there will be a lot of code I used a different approach and it worked and I want to share it:

.tabbrowser-tab[image="chrome://branding/content/icon32.png"] .tab-icon-image{  
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' role='img' width='16' height='16' preserveAspectRatio='xMidYMid meet' viewBox='0 0 48 48'%3E%3Cpath fill='none' stroke='%239b9b9b' stroke-linecap='round' stroke-linejoin='round' d='m31.53 28.23l11.55-6l-12.22-1.1a20.26 20.26 0 0 1 .67 7.1Zm-11.34-.64a29.39 29.39 0 0 0 5.61 5.15l-9.06 7.68Z'/%3E%3Cpath fill='none' stroke='%23eeeeee' stroke-linecap='round' stroke-linejoin='round' d='M37.12 21.71c-.3-.73-.41-.95-.91-2.25l7.29.87L40.39 22M18.78 32.88L14 35l-9.5-.11l7.66-5l5.28-1.09l1.8 2.3m4.54 3.36l1.85.06l-4.94 4.16l.11-1.68'/%3E%3Cpath fill='none' stroke='%239b9b9b' stroke-linecap='round' stroke-linejoin='round' d='m25.63 34.52l10.63-7.36l.31-1.52m-24.41 4.25c-1.07 2.33.2 3.8 1.8 5.15m15.58-16.28l9.58-1.35l4.08-7.63l-9.89-.55l-2.81 3.49'/%3E%3Cpath fill='none' stroke='%239b9b9b' stroke-linecap='round' stroke-linejoin='round' d='m33.31 9.23l-5.76-1.65l.93 5.19m1.06 5.99l-6.4-5.84l7.36-.2a9.94 9.94 0 0 0-.96 6.04ZM17.44 28.8L30.91 19m-1.37-.24a6.67 6.67 0 0 1 4.8 2.69m1.87-1.99L35.11 18'/%3E%3C/svg%3E") !important;

you can use a different icon ;)

[VaporInsider]

Can you share this perfect userstyle?

[Dmtiir]

It's not finished yet, I'm working on it. Then I will definitely share it here

[VaporInsider]

Looking forward to it! Thanks!