Possibly also of interest to you: the original logo image file on the webpage is in SVG format, which is a “vector” format (as opposed to a bitmap), so the original image is actually specified in plain text. It’s literally drawn on the fly based on the commands in the file:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 340 120">
<defs>
<style>
.a {
fill: #e93124;
fill-rule: evenodd;
}
.b {
fill: url(#a);
}
.c {
fill: url(#b);
}
.d {
fill: url(#c);
}
.e {
fill: url(#d);
}
.f {
fill: url(#e);
}
.g {
fill: url(#f);
}
</style>
<linearGradient id="a" x1="149.17" y1="88.61" x2="149.17" y2="110.81" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#b3b3b3"/>
<stop offset="1" stop-color="#4d4d4d"/>
</linearGradient>
<linearGradient id="b" x1="42.27" y1="85.29" x2="42.27" y2="110.39" xlink:href="#a"/>
<linearGradient id="c" x1="201.33" y1="88.57" x2="201.33" y2="110.39" xlink:href="#a"/>
<linearGradient id="d" x1="98.27" y1="88.26" x2="98.27" y2="110.83" xlink:href="#a"/>
<linearGradient id="e" x1="253.5" y1="88.57" x2="253.5" y2="110.4" xlink:href="#a"/>
<linearGradient id="f" x1="308.99" y1="88.58" x2="308.99" y2="110.82" xlink:href="#a"/>
</defs>
<g>
<g>
<polyline class="a" points="165.65 9.98 192.43 10.03 137.67 73.51 110.79 73.51 165.65 9.98"/>
<polyline class="a" points="203.54 9.98 230.32 10.03 175.56 73.51 148.68 73.51 203.54 9.98"/>
</g>
<g>
<path class="b" d="M171.67,101.3A12.31,12.31,0,0,0,177,97c1.84-2.85,3.47-8.35-4.82-8.35l-38.38.07a.26.26,0,0,0-.21.12L119.89,110a.24.24,0,0,0,.21.37h12.16a.26.26,0,0,0,.21-.11l8.92-13.82a.24.24,0,0,0-.13-.37L137,94.41c-.27-.09-.28-.52.32-.51l24.3.06c6,0,2.34,6.1-3.23,6.1h-16.3a.24.24,0,0,0-.06.48l15.55,3c1.44.3,1.24,1.23.37,2.56s-2.42,3.76-2.79,4.3a.25.25,0,0,0,.2.39h12.28a.23.23,0,0,0,.2-.11l3.65-5.62a2.84,2.84,0,0,0,0-3.43A.24.24,0,0,1,171.67,101.3Z"/>
<path class="c" d="M78.79,85.29H66.58a.25.25,0,0,0-.21.11L60.22,95a.26.26,0,0,1-.21.11l-23.19,0a.24.24,0,0,1-.2-.38l5.82-9a.24.24,0,0,0-.2-.38H29.67a.23.23,0,0,0-.2.11l-6.29,9.81a.23.23,0,0,1-.2.11H6.28c-1.06,0-.91.61-.31.72L20.4,98.88a.25.25,0,0,1,.14.37L13.65,110a.24.24,0,0,0,.21.37h12.5a.23.23,0,0,0,.2-.11l4-6.2a8.41,8.41,0,0,1,7.37-3.65H56.26a.24.24,0,0,1,.2.37l-6,9.25a.24.24,0,0,0,.21.37H62.93a.23.23,0,0,0,.2-.11L79,85.66A.24.24,0,0,0,78.79,85.29Z"/>
<path class="d" d="M216.56,88.57l-29.95.12a.25.25,0,0,0-.2.12L172.72,110a.24.24,0,0,0,.21.37h12.18a.23.23,0,0,0,.2-.11l8.92-13.82a.24.24,0,0,0-.14-.36l-3.85-1.57a.32.32,0,0,1,.14-.63h20.44c4.92,0,5.39,3.18,4,5.43S209,108.55,208.1,110a.24.24,0,0,0,.21.37h12.3a.25.25,0,0,0,.21-.11l7-10.93C231.07,94.31,232.82,88.57,216.56,88.57Z"/>
<path class="e" d="M123.17,99.17c3.26-5,3.31-10.81-11.24-10.81l-5.79-.1-7.87.1c-15,0-20.79,6-24.3,10.81-4.17,5.78-4.25,11.65,11.25,11.65H98.88C113,110.82,119.91,104.19,123.17,99.17Zm-32.53-3L87,94.58c-.27-.09-.33-.47.08-.5l5.85,0h14.77c7.22,0,1.93,11.35-8.08,11.35h-11C83.57,105.45,84.48,98.55,90.64,96.15Z"/>
<path class="f" d="M239.52,88.57a.23.23,0,0,0-.2.11l-13.78,21.39c-.11.16,0,.33.2.33l43.64,0a.25.25,0,0,0,.21-.11l2.93-4.7a.25.25,0,0,0-.21-.38h-24c-1.83,0-2.88-.26-6.7-1.7l-2-.72a.32.32,0,0,1,.11-.63h29a.19.19,0,0,0,.17-.09l3-4.92a.2.2,0,0,0-.17-.31h-18c-1.83,0-3-.18-6.84-1.61l-2.27-.8a.32.32,0,0,1,.11-.63h33.51a.25.25,0,0,0,.21-.12L281.47,89a.25.25,0,0,0-.21-.38Z"/>
<path class="g" d="M335.37,88.58H285.71a.23.23,0,0,0-.2.11l-3.1,4.79a.25.25,0,0,0,.21.38h19.05a.24.24,0,0,1,.21.37l-10.45,16.23a.24.24,0,0,0,.21.37h14.47a.26.26,0,0,0,.21-.11l9.26-14.37a.24.24,0,0,0-.12-.36l-4-1.58c-.35-.1-.41-.66.25-.63h20.58a.26.26,0,0,0,.21-.11l3-4.71A.24.24,0,0,0,335.37,88.58Z"/>
</g>
</g>
</svg>
If you save this file on your computer and open it in your web browser, you’ll not only see the logo, but you can also modify the logo’s shapes and colors by futzing with the commands and numbers in the above text. (Want a green hue on the Hornet name? Change the hex codes that bound the color gradient from #b3b3b3 and #4d4d4d to (say) #a0b3a0 and #005500. But you can change the curves of the letters, the slopes of the red slashes, etc. In practice, such edits are better done in graphics design software that can directly output SVG descriptions of the smooth shapes, but you can directly edit it by playing with the text.)
