{"id":9789,"date":"2020-06-23T06:31:43","date_gmt":"2020-06-23T06:31:43","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=9789"},"modified":"2026-01-02T20:30:29","modified_gmt":"2026-01-02T20:30:29","slug":"case-study-huawei-icon-design","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/","title":{"rendered":"Case Study: Designing Icons for HUAWEI EMUI 10"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">There\u2019s something weirdly humbling about being asked to redesign a phone icon. You know\u2014<\/span><i><span style=\"font-weight: 400;\">the<\/span><\/i><span style=\"font-weight: 400;\"> phone icon. The one muscle memory hits before your brain catches up. The one your grandma knows. The one you\u2019ve seen ten thousand times but could never actually describe. That one.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So when Huawei reached out in the summer of 2019 to reimagine 54 system icons for their new EMUI 10 interface\u2014the kind of icons you tap without thinking\u2014we were flattered. Then terrified. Then obsessed.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This is the story of how Tubik team took a red dot, a square, and a few dozen sketches&#8230; and made something that ended up in millions of people\u2019s pockets.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"Icon Design for Huawei EMUI 10 by Tubik\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/XieLSQmIYxg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2><span style=\"font-weight: 400;\">The Brief: Reinvent the Familiar, But Don\u2019t Break It<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The client, Huawei, wanted a fresh perspective for the flagship devices running EMUI 10, starting with Mate 30 and later, the P40 series. The brief wasn\u2019t vague. But it wasn\u2019t easy either.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Design 54 core app icons. Make them consistent. Make them modern. Make them feel premium. And most importantly, make them feel like Huawei\u2014familiar to loyal users, yet fresh enough to attract new ones.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Icons are tiny, but they do big work. They\u2019re the visual handshake of the OS. And if you mess them up\u2014even by a pixel\u2014the whole experience starts to wobble. We knew this had to be one of those cases where less isn\u2019t just more. It\u2019s everything.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9828\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-case-study.png\" alt=\"HUAWEI_EMUI_icons_tubik design case study\" width=\"1400\" height=\"790\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-case-study.png 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-case-study-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-case-study-768x433.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-case-study-1024x578.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-case-study-150x85.png 150w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">The Team: Small Crew, Big Pixels<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Art direction came from Sergii Valiukh, Tubik\u2019s founder. With a background in architecture, he brings a structural lens to visual design\u2014thinking in systems, balance, and form. That meant every icon wasn\u2019t just drawn, it was constructed and anchored.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Graphic design was led by Arthur Avakyan, our illustrator and one of Tubik\u2019s earliest team members. With deep experience in branding and graphic identity work, creating a consistent icon set for a global brand like Huawei was exactly his kind of problem. Meanwhile, project management came from Polina Taran, who kept the whole thing moving even when the rest of us were stuck redrawing a weather icon for the 12th time.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9829\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI-10_icons_case-study-tubik.png\" alt=\"HUAWEI_EMUI 10_icons_case study tubik\" width=\"863\" height=\"487\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI-10_icons_case-study-tubik.png 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI-10_icons_case-study-tubik-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI-10_icons_case-study-tubik-768x433.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI-10_icons_case-study-tubik-1024x578.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI-10_icons_case-study-tubik-150x85.png 150w\" sizes=\"auto, (max-width: 863px) 100vw, 863px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">The Process: Grid First, Chaos Second<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Before we got creative with gradients or experimental forms, we built a grid. A strict one. Something that could hold the entire system together\u2014square or circle, bold or minimal. We didn\u2019t want icons that looked like a bunch of freelancers did them in different time zones. We wanted cohesion, weight, shared backbone.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9831\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-sketches.png\" alt=\"HUAWEI_EMUI_icons_tubik design sketches\" width=\"1920\" height=\"1083\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-sketches.png 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-sketches-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-sketches-768x433.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-sketches-1024x578.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-sketches-150x85.png 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Then came the sketching. There\u2019s no faster way to humble yourself than trying to redesign the messaging icon. Or the camera. Or the calendar. We tried extremes: abstract overlaps with no visible frames. Overly literal concepts that felt like stickers. Wild palettes\u2014we played with maroon, ultraviolet, even a questionable neon green that only lasted 48 hours.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But we kept coming back to one thing: simplicity is brutal.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Finding the Right Feel: Geometric, but Not Cold<\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9834\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/1_HUAWEI_EMUI_icons-case-study-tubik.png\" alt=\"HUAWEI_EMUI_icons case study tubik\" width=\"1920\" height=\"1083\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/1_HUAWEI_EMUI_icons-case-study-tubik.png 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/1_HUAWEI_EMUI_icons-case-study-tubik-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/1_HUAWEI_EMUI_icons-case-study-tubik-768x433.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/1_HUAWEI_EMUI_icons-case-study-tubik-1024x578.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/1_HUAWEI_EMUI_icons-case-study-tubik-150x85.png 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Once we had the structure, we played with form. Could a wallet icon be asymmetrical\u2014with a card poking out? Could the weather icon break the grid entirely and float freely? Could circles dominate without becoming cartoonish?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We leaned into geometric primitives but avoided turning the system into a sterile geometry showcase. It still had to feel like part of an OS made for people, not a design poster pinned up in a first-year visual composition class.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9837\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-graphic-design.png\" alt=\"HUAWEI_EMUI_icons_tubik graphic design\" width=\"1920\" height=\"1083\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-graphic-design.png 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-graphic-design-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-graphic-design-768x433.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-graphic-design-1024x578.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-graphic-design-150x85.png 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Eventually, we added gradients back in\u2014softly, like seasoning. Too much, and the icons looked like candy. Too little, and they felt cheap. But the right touch of depth gave everything that premium \u201cslide-your-finger-across-it\u201d texture we wanted.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We reduced corner radii, anchored everything back to the grid. And somehow, after weeks of testing, tweaking, and arguing over pixel spacing, we had our system.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">The Photo Icon: A Dot, A Legacy, A Decision<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Some icons fought back harder than others. The photo app, for example. Every version felt wrong. Too flat. Too generic. Too iOS. But one detail kept resurfacing\u2014a red dot in the top-right corner. The more we experimented, the more it insisted on staying. Eventually, we understood why.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Huawei\u2019s collaboration with Leica, the iconic German camera manufacturer, is a key part of the product identity. Since 2016, Huawei smartphones\u2014especially the flagship lines\u2014have been equipped with Leica-engineered lenses. For many users, this partnership signals one thing above all: photographic quality that rivals professional cameras.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And Leica\u2019s visual identity? That unmistakable red circle logo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It made sense. The dot wasn\u2019t just for decoration; it was legacy. A quiet, confident nod to one of the most respected names in photography\u2014and to Huawei\u2019s own commitment to image quality. So we kept the dot as a symbolic gesture. A visual shorthand for the Leica connection. A mark that felt both premium and precise.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tiny, yes. But that\u2019s the thing about icon design. The smallest details often do the heaviest lifting.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9884\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_camera-icon.png\" alt=\"HUAWEI_EMUI_icons_camera icon\" width=\"2800\" height=\"1580\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_camera-icon.png 2800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_camera-icon-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_camera-icon-768x433.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_camera-icon-1024x578.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_camera-icon-150x85.png 150w\" sizes=\"auto, (max-width: 2800px) 100vw, 2800px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">The Result: Subtle, Strong, and In Your Pocket<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You might not notice them at first\u2014and that\u2019s the point. These icons now live in the hands of millions of people across the world. They were part of the Huawei EMUI 10 interface, shipped with flagship models like the Mate 30, P40, and beyond. Whether you\u2019re in Shenzhen, Berlin, or S\u00e3o Paulo, there\u2019s a good chance you\u2019ve tapped one of them.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9835\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-case.png\" alt=\"HUAWEI_EMUI_icons_tubik design case\" width=\"1920\" height=\"1083\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-case.png 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-case-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-case-768x433.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-case-1024x578.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-design-case-150x85.png 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">They\u2019re not flashy, they belong. That\u2019s what makes icon design such a strange and fascinating craft\u2014it\u2019s invisible when it\u2019s good. Quiet, but essential. A language users speak fluently without realizing it. And to get it right, you have to think about everything: the pixel weight, the curve tension, the color temperature at different screen brightness levels. You have to care, deeply, about things most people never consciously see.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But that\u2019s why we love it. Because when it works\u2014when it really works\u2014the experience becomes seamless. It becomes human.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9836\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-studio.png\" alt=\"HUAWEI_EMUI_icons_tubik studio\" width=\"1920\" height=\"1083\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-studio.png 1920w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-studio-300x169.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-studio-768x433.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-studio-1024x578.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI_EMUI_icons_tubik-studio-150x85.png 150w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">Curious What Else We\u2019ve Been Up To?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Explore other case studies where we dig into the thinking, sketching, and building behind our UX and brand design work.<\/span><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-lumen-museum-website\/\">Lumen. Website for Museum of Mountain Photography<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-gno-ecommerce-branding-webdesign\/\">GNO Blankets. Branding and Web Design for Ecommerce<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-dashboard-ai-fashion-service\/\">Designer AI. Dashboard and Graphics for Fashion Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-car-safety-mobile-app\/\">Pazi. UX and UI Design for Vehicle Safety Mobile App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-ux-design-finance-service\/\">CashMetrics. UX Design for Finance Management Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-bitex-app-ux-design-for-stock-analysis-app\/\">Bitex. UX Design for Stock Analysis App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-inspora-brand-ui-design-virtual-stylist\/\">Inspora. Brand and UI Design for Virtual Stylist<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-tasty-burger-ui-design-for-food-ordering-app\/\">Tasty Burger. UI Design for Food Ordering App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-slumber-mobile-ui-design-for-healthy-sleeping\/\">Slumber. Mobile UI Design for Healthy Sleeping<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How we redrew the face of 54 everyday actions\u2014and made them feel new again. A case study on what it\u2019s like to reimagine the square, the circle, and everything in between.<\/p>\n","protected":false},"author":10003,"featured_media":12539,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,6,9],"tags":[331,457,20,463,57,464,100,468,108,477,123,479,127,482,138,487,212,489,213,491,216,502,235,504,236,515,256,264],"coauthors":[634],"class_list":["post-9789","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-illustration","category-ui_ux","tag-mobile-ui","tag-ui","tag-app-design","tag-ui-design-article","tag-case-study","tag-ui-design-case-study","tag-design","tag-ui-design-process","tag-design-case-study","tag-ui-icons","tag-design-for-business","tag-usability","tag-design-for-marketing","tag-user-experience","tag-design-process","tag-user-experience-design-process","tag-graphic-design","tag-user-experience-examples","tag-graphic-design-article","tag-user-interface","tag-graphic-design-process","tag-ux","tag-icon-design","tag-ux-design-article","tag-icon-set","tag-uxui","tag-interaction-design","tag-interface-navigation"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: HUAWEI. Icon Design for EMUI 10<\/title>\n<meta name=\"description\" content=\"How Tubik team redesigned 54 system icons for Huawei EMUI 10\u2014balancing geometry, brand identity, and usability in a large-scale icon design system.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: HUAWEI. Icon Design for EMUI 10\" \/>\n<meta property=\"og:description\" content=\"How Tubik team redesigned 54 system icons for Huawei EMUI 10\u2014balancing geometry, brand identity, and usability in a large-scale icon design system.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-23T06:31:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-02T20:30:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI-icons-design-tubik-case-study.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Anastasiia Lutsenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anastasiia Lutsenko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/\",\"name\":\"Case Study: HUAWEI. Icon Design for EMUI 10\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI-icons-design-tubik-case-study.jpg\",\"datePublished\":\"2020-06-23T06:31:43+00:00\",\"dateModified\":\"2026-01-02T20:30:29+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"How Tubik team redesigned 54 system icons for Huawei EMUI 10\u2014balancing geometry, brand identity, and usability in a large-scale icon design system.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI-icons-design-tubik-case-study.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI-icons-design-tubik-case-study.jpg\",\"width\":1600,\"height\":1200,\"caption\":\"HUAWEI icons design tubik case study\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Designing Icons for HUAWEI EMUI 10\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\",\"name\":\"Anastasiia Lutsenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"caption\":\"Anastasiia Lutsenko\"},\"description\":\"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.\",\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: HUAWEI. Icon Design for EMUI 10","description":"How Tubik team redesigned 54 system icons for Huawei EMUI 10\u2014balancing geometry, brand identity, and usability in a large-scale icon design system.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: HUAWEI. Icon Design for EMUI 10","og_description":"How Tubik team redesigned 54 system icons for Huawei EMUI 10\u2014balancing geometry, brand identity, and usability in a large-scale icon design system.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2020-06-23T06:31:43+00:00","article_modified_time":"2026-01-02T20:30:29+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI-icons-design-tubik-case-study.jpg","type":"image\/jpeg"}],"author":"Anastasiia Lutsenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anastasiia Lutsenko","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/","name":"Case Study: HUAWEI. Icon Design for EMUI 10","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI-icons-design-tubik-case-study.jpg","datePublished":"2020-06-23T06:31:43+00:00","dateModified":"2026-01-02T20:30:29+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"How Tubik team redesigned 54 system icons for Huawei EMUI 10\u2014balancing geometry, brand identity, and usability in a large-scale icon design system.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI-icons-design-tubik-case-study.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2020\/06\/HUAWEI-icons-design-tubik-case-study.jpg","width":1600,"height":1200,"caption":"HUAWEI icons design tubik case study"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-huawei-icon-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Designing Icons for HUAWEI EMUI 10"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1","name":"Anastasiia Lutsenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25","url":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","caption":"Anastasiia Lutsenko"},"description":"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.","url":"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/9789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/10003"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=9789"}],"version-history":[{"count":15,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/9789\/revisions"}],"predecessor-version":[{"id":16635,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/9789\/revisions\/16635"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/12539"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=9789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=9789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=9789"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=9789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}