{"id":51844,"date":"2025-10-06T09:00:00","date_gmt":"2025-10-06T00:00:00","guid":{"rendered":"https:\/\/designcompass.org\/?p=51844"},"modified":"2025-10-06T07:40:08","modified_gmt":"2025-10-05T22:40:08","slug":"microsoft-office-new-logo","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2025\/10\/06\/microsoft-office-new-logo\/","title":{"rendered":"Microsoft Office new logo"},"content":{"rendered":"<p>Microsoft has announced a major shift in its design language with a complete overhaul of its Office icons. This marks the first major change in seven years since 2018, and visually reflects a new UX paradigm, represented by Copilot.<\/p>\n\n\n\n<p>\u201cIcons are small, iconic, intuitive gateways that make technology more accessible,\u201d said John Friedman, corporate vice president of Microsoft 365 Design and Research, who oversaw the design. \u201cThis icon overhaul shifts the connection between technology and users from a mere formality to a \u2018flow of intent.\u2019\u201d<\/p>\n\n\n\n<p>The new icons apply to ten core apps, including Word, Excel, PowerPoint, Outlook, Teams, OneNote, SharePoint, Defender, OneDrive, and Access. Each icon has been redesigned for a simpler and more intuitive look, with curved and folded shapes replacing the traditional angular shapes to emphasize flexibility. Word&#039;s four horizontal bars have been reduced to three, improving readability on smaller screens.<\/p>\n\n\n\n<p>Colors have also undergone a significant transformation. We&#039;ve introduced gradient colors that are much richer and more vibrant than before. Icons now have a brighter, more vibrant feel, more clearly conveying the individuality of each app.<\/p>\n\n\n\n<p>An interesting point was the internal discussion about whether to retain the alphabetic symbols. Considering the symbolic nature of the brand assets, the decision was made to retain the alphabetic symbols as before, but to integrate them consistently with the overall design flow.<\/p>\n\n\n\n<p>This redesign was not a one-off, but rather a strategy of &quot;gradual evolution.&quot; Friedman explained, &quot;Now, continuous design improvements aligned with the flow of interaction between AI and users are more important than major changes.&quot; He added, &quot;Icon changes signal the evolution of a product and should simultaneously reflect both the present and the future.&quot;<\/p>\n\n\n\n<p>The core inspiration for this icon refresh was the Copilot logo. Introduced in 2023, this icon visually represents a consistent AI experience across Microsoft 365. It organically reflects the identities of traditional Office apps, as well as emerging apps like Designer and Viva, and Copilot for Business, and is designed as a metaphor for AI collaboration.<\/p>\n\n\n\n<p>\u201cDesign resembles truth, and truth resembles design,\u201d said Friedman. \u201cThis icon is a result of the changes brought about by Copilot, and a visual perfection that shows a new balance between technology and people.\u201d<\/p>\n\n\n\n<p>The new icons will be rolled out sequentially across web, mobile, and desktop environments in the coming weeks.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-10-1024x576.jpg\" alt=\"\" class=\"wp-image-51847\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-10-1024x576.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-10-300x169.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-10-768x432.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-10-1536x864.jpg 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-10-18x10.jpg 18w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-10-1320x743.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-10-600x338.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-10.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)Microsoft<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-14-1024x575.jpg\" alt=\"\" class=\"wp-image-51851\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-14-1024x575.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-14-300x168.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-14-768x431.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-14-1536x862.jpg 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-14-18x10.jpg 18w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-14-1320x741.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-14-600x337.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-14.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)Microsoft<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"332\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-15-1024x332.jpg\" alt=\"\" class=\"wp-image-51852\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-15-1024x332.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-15-300x97.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-15-768x249.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-15-1536x498.jpg 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-15-18x6.jpg 18w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-15-1320x428.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-15-600x195.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-15.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)Microsoft<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-11-1024x576.jpg\" alt=\"\" class=\"wp-image-51848\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-11-1024x576.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-11-300x169.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-11-768x432.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-11-18x10.jpg 18w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-11-1320x743.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-11-600x338.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-11.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)Microsoft<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"426\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-13-1024x426.jpg\" alt=\"\" class=\"wp-image-51850\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-13-1024x426.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-13-300x125.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-13-768x319.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-13-1536x638.jpg 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-13-18x7.jpg 18w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-13-1320x549.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-13-600x249.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-13.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)Microsoft<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-12-1024x575.jpg\" alt=\"\" class=\"wp-image-51849\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-12-1024x575.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-12-300x168.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-12-768x431.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-12-18x10.jpg 18w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-12-1320x741.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-12-600x337.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-12.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)Microsoft<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"171\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-17-1024x171.jpg\" alt=\"\" class=\"wp-image-51854\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-17-1024x171.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-17-300x50.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-17-768x128.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-17-1536x256.jpg 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-17-18x3.jpg 18w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-17-1320x220.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-17-600x100.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-17.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)Microsoft<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-16-1024x577.jpg\" alt=\"\" class=\"wp-image-51853\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-16-1024x577.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-16-300x169.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-16-768x432.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-16-1536x865.jpg 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-16-18x10.jpg 18w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-16-1320x743.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-16-600x338.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-16.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)Microsoft<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">More and Sources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/microsoft.design\/articles\/fluid-forms-vibrant-colors\/\">https:\/\/microsoft.design\/articles\/fluid-forms-vibrant-colors\/<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>\ub9c8\uc774\ud06c\ub85c\uc18c\ud504\ud2b8\uac00 \uc624\ud53c\uc2a4 \uc544\uc774\ucf58\uc744 \uc804\uba74 \uac1c\ud3b8\ud558\uba70 \ub514\uc790\uc778 \uc5b8\uc5b4\uc5d0 \ub300\ub300\uc801\uc778 \ubcc0\ud654\ub97c \uc608\uace0\ud588\uc2b5\ub2c8\ub2e4. 2018\ub144 \uc774\ud6c4 7\ub144 \ub9cc\uc5d0 \ub2e8\ud589\ub41c \uac83\uc73c\ub85c, \ucf54\ud30c\uc77c\ub7ff(Copilot)\uc73c\ub85c \ub300\ud45c\ub418\ub294 \uc0c8\ub85c\uc6b4 UX \ud328\ub7ec\ub2e4\uc784\uc744 \uc2dc\uac01\uc801\uc73c\ub85c \ubc18\uc601\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ub514\uc790\uc778\uc744 \ucd1d\uad04\ud55c \ub9c8\uc774\ud06c\ub85c\uc18c\ud504\ud2b8 365 \ub514\uc790\uc778 \ubc0f \ub9ac\uc11c\uce58 \ubd80\ubb38 \ubd80\uc0ac\uc7a5 \uc874 \ud504\ub9ac\ub4dc\uba3c\uc740 \u201c\uc544\uc774\ucf58\uc740 \uc791\uc9c0\ub9cc \uc0c1\uc9d5\uc801\uc774\uba70, \uae30\uc220\uc744 \ub354 \uc811\uadfc \uac00\ub2a5\ud558\uac8c \ub9cc\ub4dc\ub294 \uc9c1\uad00\uc801 \uad00\ubb38\u201d\uc774\ub77c\uba70 \u201c\uc774\ubc88 \uc544\uc774\ucf58 \uac1c\ud3b8\uc740 \uae30\uc220\uacfc \uc0ac\uc6a9\uc790\uc758 \uc5f0\uacb0\uc744 \ub2e8\uc21c\ud788 \ud615\uc2dd\uc774 \uc544\ub2cc \u2018\uc758\ub3c4\uc758 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":51846,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,620],"tags":[100,253,2678],"class_list":["post-51844","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-brand","tag-100","tag-253","tag-2678"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/10\/Microsoft-new-logo-01.jpg","publishpress_future_action":{"enabled":false,"date":"2026-05-25 20:25:27","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/51844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/comments?post=51844"}],"version-history":[{"count":2,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/51844\/revisions"}],"predecessor-version":[{"id":51856,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/51844\/revisions\/51856"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/51846"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=51844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=51844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=51844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}