{"id":233,"date":"2005-05-15T12:25:00","date_gmt":"2005-05-15T06:55:00","guid":{"rendered":"https:\/\/www.quickonlinetips.com\/archives\/2005\/05\/15\/creation-of-firefox-logo-jon-hicks-daniel-burka-stephen-desroches\/"},"modified":"2026-10-15T13:09:30","modified_gmt":"2026-10-15T07:39:30","slug":"creation-of-firefox-logo-jon-hicks-daniel-burka-stephen-desroches","status":"publish","type":"post","link":"https:\/\/www.quickonlinetips.com\/archives\/2005\/05\/creation-of-firefox-logo-jon-hicks-daniel-burka-stephen-desroches\/","title":{"rendered":"Firefox Logo: Who Designed It and How It Changed (2004-2026)"},"content":{"rendered":"<p>Who designed the <strong>Firefox logo<\/strong>, the fiery fox wrapped around the globe? This article tells the story behind the original 2004 design by Jon Hicks, Daniel Burka and Stephen Desroches, and how the Firefox logo has changed up to 2026.<\/p>\n<p><strong>Quick answer:<\/strong> The original Firefox logo was a concept by Daniel Burka, sketched by Stephen Desroches and rendered by UK designer Jon Hicks. It first appeared with Firefox 0.8 in 2004. Mozilla refreshed it in 2009, 2013 and 2017, and the current, simpler logo arrived with Firefox 70 in 2019.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6aebb633b38a6\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #1a202c;color:#1a202c\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #1a202c;color:#1a202c\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6aebb633b38a6\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2005\/05\/creation-of-firefox-logo-jon-hicks-daniel-burka-stephen-desroches\/#Who_designed_the_Firefox_logo\" >Who designed the Firefox logo?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2005\/05\/creation-of-firefox-logo-jon-hicks-daniel-burka-stephen-desroches\/#How_the_original_logo_was_made\" >How the original logo was made<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2005\/05\/creation-of-firefox-logo-jon-hicks-daniel-burka-stephen-desroches\/#Firefox_logo_history_2004_to_2026\" >Firefox logo history: 2004 to 2026<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2005\/05\/creation-of-firefox-logo-jon-hicks-daniel-burka-stephen-desroches\/#Design_lessons_from_the_Firefox_logo\" >Design lessons from the Firefox logo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2005\/05\/creation-of-firefox-logo-jon-hicks-daniel-burka-stephen-desroches\/#FAQ\" >FAQ<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2005\/05\/creation-of-firefox-logo-jon-hicks-daniel-burka-stephen-desroches\/#Who_designed_the_Firefox_logo-2\" >Who designed the Firefox logo?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2005\/05\/creation-of-firefox-logo-jon-hicks-daniel-burka-stephen-desroches\/#Is_the_Firefox_logo_a_fox_or_a_red_panda\" >Is the Firefox logo a fox or a red panda?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2005\/05\/creation-of-firefox-logo-jon-hicks-daniel-burka-stephen-desroches\/#When_did_the_Firefox_logo_last_change\" >When did the Firefox logo last change?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.quickonlinetips.com\/archives\/2005\/05\/creation-of-firefox-logo-jon-hicks-daniel-burka-stephen-desroches\/#What_software_was_used_to_create_the_first_logo\" >What software was used to create the first logo?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Who_designed_the_Firefox_logo\"><\/span>Who designed the Firefox logo?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Firefox is easily recognised by its logo, which sat on hundreds of sites and computers thanks to fans who wanted to spread Firefox. When we first wrote about it in 2005, few people knew who had actually created that clean, memorable identity.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-41303\" src=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/firefox-design.png\" alt=\"Original Firefox logo design sketch and rendered fox and globe icon\" width=\"402\" height=\"219\" srcset=\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/firefox-design.png 402w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/firefox-design-150x81.png 150w, https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/firefox-design-300x163.png 300w\" sizes=\"(max-width: 402px) 100vw, 402px\" \/><\/p>\n<p>DeviantArt reported that the logo was designed by <a href=\"https:\/\/hicks.design\/\" target=\"_blank\" rel=\"noopener\">Jon Hicks<\/a>, a freelance designer based in the UK, who shared the creative process on his own website. Hicks himself explained that the chosen design was a concept from Daniel Burka, sketched by Stephen Desroches, and then rendered by him.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_the_original_logo_was_made\"><\/span>How the original logo was made<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><strong>Concept:<\/strong> Daniel Burka came up with the idea of a fox curled around the globe.<\/li>\n<li><strong>Sketch:<\/strong> Stephen Desroches drew the sketch that set the pose and shape.<\/li>\n<li><strong>Rendering:<\/strong> Jon Hicks rendered the final artwork in Fireworks MX. He preferred it to Illustrator or Photoshop for icon work because you see the result in pixels rather than smooth vectors.<\/li>\n<li><strong>Icon sizes:<\/strong> Hicks also showed how the Firefox icon was hand-tuned for different sizes, so it stayed sharp from large desktop icons down to tiny toolbar versions.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Firefox_logo_history_2004_to_2026\"><\/span>Firefox logo history: 2004 to 2026<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><strong>Before 2004:<\/strong> the browser was first called Phoenix and then Firebird, and early artwork showed a phoenix.<\/li>\n<li><strong>2004:<\/strong> the fox and globe logo debuted with Firefox 0.8.<\/li>\n<li><strong>2009:<\/strong> a small refresh with Firefox 3.5 changed the shapes of the continents.<\/li>\n<li><strong>2013:<\/strong> less detailed textures on the globe and fox.<\/li>\n<li><strong>2017:<\/strong> with Firefox 57, a flatter fox and a textureless globe.<\/li>\n<li><strong>2019:<\/strong> announced in June and shipped with Firefox 70 in October, a simpler fox with no legs and a purple globe. Mozilla also introduced a separate Firefox brand mark, an orange flame swirl, which many people mistook for the new browser logo.<\/li>\n<\/ul>\n<p>The 2019 logo is still the one you see on the <a href=\"https:\/\/www.mozilla.org\/firefox\/\" target=\"_blank\" rel=\"noopener\">Firefox<\/a> download page today.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Design_lessons_from_the_Firefox_logo\"><\/span>Design lessons from the Firefox logo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><strong>Collaborate:<\/strong> the best idea came from one person, the sketch from another and the polish from a third.<\/li>\n<li><strong>Design for small sizes:<\/strong> an icon must work at 16 pixels as well as on a poster. Our guide on how to <a href=\"https:\/\/www.quickonlinetips.com\/archives\/2012\/07\/create-favicon-online-free\/\">create a favicon online free<\/a> covers the basics.<\/li>\n<li><strong>Simplify over time:<\/strong> each Firefox redesign removed detail to suit flat, high-resolution screens.<\/li>\n<li><strong>Build a brand, not just a logo:<\/strong> read our steps to <a href=\"https:\/\/www.quickonlinetips.com\/archives\/2012\/06\/create-blog-brand\/\">create a brand for your blog<\/a>.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"FAQ\"><\/span>FAQ<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Who_designed_the_Firefox_logo-2\"><\/span>Who designed the Firefox logo?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Jon Hicks rendered the original 2004 logo from a concept by Daniel Burka and a sketch by Stephen Desroches.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Is_the_Firefox_logo_a_fox_or_a_red_panda\"><\/span>Is the Firefox logo a fox or a red panda?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The logo shows a stylised orange fox wrapped around a globe. The name &#8220;firefox&#8221; is also a nickname for the red panda, which is a common source of confusion.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"When_did_the_Firefox_logo_last_change\"><\/span>When did the Firefox logo last change?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The current logo came with Firefox 70 in October 2019.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"What_software_was_used_to_create_the_first_logo\"><\/span>What software was used to create the first logo?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Jon Hicks rendered it in Macromedia Fireworks MX.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Who designed the Firefox logo, the fiery fox wrapped around the globe? This article tells the story behind the original&#8230;<\/p>\n","protected":false},"author":4,"featured_media":41303,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-233","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips"],"_links":{"self":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":1,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/233\/revisions"}],"predecessor-version":[{"id":66985,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/233\/revisions\/66985"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media\/41303"}],"wp:attachment":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media?parent=233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/categories?post=233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/tags?post=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}