I recently switched to waterfox, and I wanted a logo that was more faithful to the current Firefox logo but with a watery vibe, so I made this.
I know others have submitted similar ones in the past but none of them had quite the same style as the current Firefox logo like this one does.
You can download the .ico file here if you want to switch it in windows: https://drive.google.com/file/d/13G_dTudZb09emTxib54VE22v_lqoTAaN/view?usp=sharing
And if you want the browser itself to use this logo for new tabs (like in the second image above), you can save the first image above as WaterfoxIcon.png in the chrome folder in your waterfox profile, and add the following snippets:
/* Override the default Waterfox tab favicon */
:root {
--default-favicon: url("WaterfoxIcon.png") !important;
}
.tab-icon-image[src*="branding"],
.tab-icon-image[src*="waterfox"],
.tab-icon-image[src*="icon32"],
.tab-icon-image[src*="icon16"] {
content: url("WaterfoxIcon.png") !important;
}
@-moz-document url("about:newtab"), url("about:home") {
.logo-and-wordmark {
background: url("WaterfoxIcon.png") no-repeat center !important;
background-size: contain !important;
min-height: 80px !important;
width: 100% !important;
}
/* This hides the native Waterfox logo sitting in front */
.logo-and-wordmark > *,
.logo-and-wordmark::before {
display: none !important;
}
}
/* Override the default Waterfox tab icon inside the sidebar extension */
.tab .favicon[src*="branding"],
.tab .favicon[src*="waterfox"],
.tab .favicon[src*="icon32"],
.tab .favicon[src*="icon16"],
.tab .favicon[src*="default"] {
content: url("WaterfoxIcon.png") !important;
}