• Work
  • Photography
  • Fun
  • About
  • Resume
Menu

david hose

visual designer and illustrator
  • Work
  • Photography
  • Fun
  • About
  • Resume

Visual Studio 2026 Product Icon Refresh

Client:

Microsoft, Visual Studio

Role:

Designer

 Challenge:

The challenge was to evolve the Visual Studio launch icon in a way that meaningfully reflected the product’s growth. It needed to stand apart from previous and current taskbar icons while aligning with Microsoft’s updated product icon system, including its visual style and color guidance.

Solution:

The approved Visual Studio icon preserves its recognizable infinity symbol while refreshing its visual treatment to align with Microsoft’s product icon system.

 Past and current Visual Studio product launch icons.

Past and current Visual Studio product launch icons.

 Finding the shape: Visual Studio icon explorations.

Finding the shape: Visual Studio icon explorations.

 Initial explorations, playing with the infinity symbol.

Initial explorations, playing with the infinity symbol.

 The construction of the refreshed product icon.

The construction of the refreshed product icon.

 Visual Studio product icons: comparison and evolution.

Visual Studio product icons: comparison and evolution.

 Visual Studio scale ramp for various UI size requirements.

Visual Studio scale ramp for various UI size requirements.

 Windows taskbar context screens.

Windows taskbar context screens.

 Refreshed Visual Studio icon shown alongside some of Microsoft’s product icons to highlight its visual alignment.

Refreshed Visual Studio icon shown alongside some of Microsoft’s product icons to highlight its visual alignment.

 Refreshed Visual Studio 2026 product icon.

Refreshed Visual Studio 2026 product icon.

Marketplace Icon: Python Data Science

Client:

Microsoft, Visual Studio Code

Role:

Designer

Challenge:
Create a distinctive icon for the Python Data Science extension in the Visual Studio Code Marketplace. I collaborated with the requester to explore several concepts that captured the spirit of data science.

Solution:
We selected the concept that best expressed the extension’s purpose and refined it into its marketplace icon.

 Python Data Science: initial set of comps.

Python Data Science: initial set of comps.

 Python Data Science marketplace icon shown in context.

Python Data Science marketplace icon shown in context.

 Other examples of Marketplace iconography.

Other examples of Marketplace iconography.

Azure DevOps Iconography Update

Client:

Microsoft Azure DevOps

Role:

Designer

Challenge:
The Azure DevOps product and navigation icons had not been refreshed in some time and felt dated alongside Microsoft’s current iconography. The task was to update them to meet current style guidance while preserving their established visual language.

Solution:
I refreshed the Azure DevOps product and navigation icons to align with Microsoft’s current iconography while preserving their familiar visual metaphors. The updated forms bring greater balance, clarity, and visual appeal to the experience.

 Azure DevOps product icon ‘before’ & ‘after.’

Azure DevOps product icon ‘before’ & ‘after.’

 Original navigation icons.

Original navigation icons.

 Updated navigation icons: visually balanced, subtle gradients, uniform style.

Updated navigation icons: visually balanced, subtle gradients, uniform style.

 Context screen: Before.

Context screen: Before.

 Context screen: After.

Context screen: After.

 The construction of the refreshed product icon.

The construction of the refreshed product icon.

 Refreshed Azure DevOps product icon.

Refreshed Azure DevOps product icon.

Visual Studio UI Icon Updates

Client:

Microsoft, Visual Studio

Role:

Designer

Challenge:
Visual Studio’s UI contains more than 4,500 icons, many of which used a visual style that differed from Microsoft Fluent. The challenge was to bring the full icon set into alignment with Fluent while preserving recognizable metaphors and supporting a consistent, modern experience across devices.

Solution:
I audited and refreshed the iconography, correcting inconsistencies and clarifying metaphors that could confuse customers. The resulting system aligns Visual Studio with Fluent and creates a more cohesive experience across Microsoft applications.

 Example of Visual Studio UI iconography style evolution.

Example of Visual Studio UI iconography style evolution.

 Sample icon construction.

Sample icon construction.

 Layout: Icons were designed with a base element and can contain up to two overlays.

Layout: Icons were designed with a base element and can contain up to two overlays.

 Style guidance for stacking order and semantic meaning of dashed lines.

Style guidance for stacking order and semantic meaning of dashed lines.

 Example of consistency improvements and metaphor clarity.

Example of consistency improvements and metaphor clarity.

 Example of some of the refreshed Visual Studio 2026 UI icons.

Example of some of the refreshed Visual Studio 2026 UI icons.

Azure SRE Agent

Client:

Microsoft, Azure

Role:

Designer

Challenge:
With just two weeks until Microsoft Build 2025, I was tasked with creating a product icon for Azure SRE Agent ahead of its public announcement. I explored an abstract “S” form that could convey movement and energy, developing several concepts for review. Through critique and refinement, I shaped the strongest direction into a polished icon within the tight timeline.

Solution:
The final icon pairs a bold, dynamic “S” with a clear sense of motion, giving Azure SRE Agent a distinctive visual identity. It debuted as part of the product’s preview announcement at Microsoft Build 2025, introduced by Microsoft CEO Satya Nadella.

 Initial set of comps for Azure SRE Agent.

Initial set of comps for Azure SRE Agent.

 Refinement to chosen direction.

Refinement to chosen direction.

03 SRE Agent Final.png
 Context screen

Context screen

Azure Business Process Tracking

Client:
Microsoft Azure

Role:

Designer

 Challenge:
Create a distinctive icon for Microsoft Azure Business Process Tracking.

Solution:
I explored several concepts inspired by the idea of business tracking. After reviewing the options with the requester, we refined the preferred direction into the final icon.

 Several options for the business tracking concept.

Several options for the business tracking concept.

 Refinement on chosen direction.

Refinement on chosen direction.

 Final icon and context screen.

Final icon and context screen.

Figma Plugin Icons

Client:

Microsoft

Role:

Designer

Challenge:
A Microsoft Senior UX Engineer created a series of Figma plugins and needed icons to distinguish each plugin’s key feature while showing they belonged to the same family.

Solution:
I designed a consistent icon system using a hexagon-shaped container paired with a monoline symbol in Microsoft Fluent style. Each symbol represents a plugin’s main feature, while the shared hexagon ties the set together as a cohesive Microsoft collection.

 Microsoft Figma Plugin Icons.

Microsoft Figma Plugin Icons.

 Context screen: 1

Context screen: 1

 Context screen: 2

Context screen: 2

 Context screen: 3

Context screen: 3

05 Microsoft Figma Plugin Icons Highlight.png

AI Gateway

Client:

Microsoft Azure

Role:

Designer

Challenge:
Create a distinctive icon to represent Microsoft’s AI Gateway, a managed Azure service that connects applications with AI models and tools.

Solution:
I explored concepts inspired by AI, connection, speed, and access. Following stakeholder review, I refined the strongest directions and developed the selected concept into an approved icon.

 First set of comps created for Azure AI Gateway.

First set of comps created for Azure AI Gateway.

 Second set of comps created for Azure AI Gateway.

Second set of comps created for Azure AI Gateway.

 Final icon and context screen.

Final icon and context screen.

Emoji

Client:

Microsoft, Windows

Role:

Illustrator, Production

Challenge:

In collaboration with Windows Design Group and Portland-based studio Always with Honor, I helped create more than 450 emoji for Windows 10. We established a bright, expressive geometric style and a pixel-precise design system that met Microsoft’s display requirements and remained legible at small sizes. A bold black outline helped each emoji stand out against any background.

After the initial release, our internal team extended the emoji library in line with new candidates approved by the Unicode Consortium. We created hundreds of designs, refining each through multiple rounds of review and approval, then prepared the final artwork for color-font production.

Solution:

Once the visual style was established, I designed hundreds of emoji in Illustrator, maintaining consistency and attention to detail. After approval, I prepared each design as a layered, font-ready file, organizing artwork by color and refining shapes for legibility at smaller sizes.

 Example of some of the many colorful emoji I created for Microsoft.

Example of some of the many colorful emoji I created for Microsoft.

 Each emoji requires a black and white version called a fallback. When a display system encounters a character that is not part of the repertoire of any of the other available fonts, a symbol from a fallback font is used instead.

Each emoji requires a black and white version called a fallback. When a display system encounters a character that is not part of the repertoire of any of the other available fonts, a symbol from a fallback font is used instead.

 Emoji I created using pure geometry. Each emoji is snapped to grid to ensure pixel perfection when rendered at smaller sizes.

Emoji I created using pure geometry. Each emoji is snapped to grid to ensure pixel perfection when rendered at smaller sizes.

 I performed final production on all approved emoji. This involved creating individual Illustrator files with separated color layers.

I performed final production on all approved emoji. This involved creating individual Illustrator files with separated color layers.

 Example of comp sheets used to explore various design iterations.

Example of comp sheets used to explore various design iterations.

 A small sample from hundreds of emoji I conceptualized, designed, and produced.

A small sample from hundreds of emoji I conceptualized, designed, and produced.

 The redesign also added skin tones.

The redesign also added skin tones.

 Emoji incorporated in Microsoft’s touch keyboard.

Emoji incorporated in Microsoft’s touch keyboard.

Microsoft Office Application Icons

Client:

Microsoft Office

Role:

Visual Designer

Challenge:
Refresh Microsoft Office’s application icons to reflect meaningful product changes for more than one billion customers. The redesign needed to signal innovation and progress while preserving the familiarity people associate with Office.

Solution:
I partnered with product teams and stakeholders to develop a cohesive icon system across the Office suite. Each icon uses a distinct symbol to express its application’s core purpose, while shared design principles bring clarity and harmony across the collection. A refreshed palette of bolder, lighter, friendlier hues gives the icons a more contemporary feel.

 The top row represents the legacy versions of the Office application icons. The second row shows the refreshed monochromatic design updates. The third row shows the full-color redesigned app icons.

The top row represents the legacy versions of the Office application icons. The second row shows the refreshed monochromatic design updates. The third row shows the full-color redesigned app icons.

 Optimized size ramps of each of the Office application icons.

Optimized size ramps of each of the Office application icons.

 Examples of initial explorations.

Examples of initial explorations.

 Context screen: www.Office.com

Context screen: www.Office.com

 Context screen: Microsoft Store

Context screen: Microsoft Store

 Context screen: Office Apps displayed on multiple devices

Context screen: Office Apps displayed on multiple devices

File Explorer Icon Refresh

Client:

Microsoft, Windows

Role:

Designer, Production

Challenge:
With the release of Windows 10, the Windows Design Group set out to refresh the File Explorer icon library. The work began with an audit of icons in active use, followed by the development of a modern, cohesive visual system that retained a sense of familiarity with the legacy designs. We explored line weight, color, lighting, angles, and scale to ensure the icons remained clear across high-DPI displays.

Solution:
After establishing and testing the visual direction, I designed hundreds of desktop-style icons for Windows 10 File Explorer, bringing the refreshed system to life across the operating system.

 The top row represents a sample of Vista icons that required a visual refresh for the release of Windows 10. The second row shows a first pass based on Basel (metro) style. This direction proved to be too far removed from the Vista icons users were

The top row represents a sample of Vista icons that required a visual refresh for the release of Windows 10. The second row shows a first pass based on Basel (metro) style. This direction proved to be too far removed from the Vista icons users were familiar with. The bottom row represents the approved direction.

 Uniform angles and light source were implemented for all 3D icons.

Uniform angles and light source were implemented for all 3D icons.

 HoloLens image I created using Illustrator.

HoloLens image I created using Illustrator.

 Optimized size ramp of the HoloLens icon.

Optimized size ramp of the HoloLens icon.

 Windows File Explorer icons I designed maintaining a consistent dimetric perspective.

Windows File Explorer icons I designed maintaining a consistent dimetric perspective.

 Flat Windows File Explorer icons I designed.

Flat Windows File Explorer icons I designed.

 Successful Windows 10 File Explorer icon implementation.

Successful Windows 10 File Explorer icon implementation.

Holiday Desktop Wallpaper

Client:

Microsoft, Windows

Role:

Visual Designer

Challenge:
Create a series of holiday-themed Ninja Cat wallpapers for the Microsoft Store. Our illustration team set out to place Microsoft’s beloved mascot in imaginative, epic scenes with a festive twist.

Solution:
I sketched initial concepts and brought three distinct wallpaper ideas to life in Illustrator. Working closely with the team made the project a fun, collaborative exploration of the Ninja Cat universe.

 Ninja Cat going off-road.

Ninja Cat going off-road.

 Ninja Cat snowmobiling around Mt. Rainier.

Ninja Cat snowmobiling around Mt. Rainier.

 A fun illustration of Ninja Cat ice fishing.

A fun illustration of Ninja Cat ice fishing.

 Our holiday-themed wallpaper featured for download in the Microsoft Store.

Our holiday-themed wallpaper featured for download in the Microsoft Store.

Tip Illustrations

Client:

Microsoft, Windows

Role:

Visual Designer

Challenge:
For the Windows 10 Tips app, Microsoft wanted to help users discover and navigate key features. The challenge was to create supporting illustrations that made each tip clear and easy to understand.

Solution:
I partnered with writers and content producers to create illustrations using the Windows Design Group’s guidelines. By simplifying surrounding interface details, the artwork drew attention to each tip’s key action. For tips best explained through motion, I developed keyframes for animators to bring to life.

 Windows 10 Tips app.

Windows 10 Tips app.

 Tip Illustration I created in context.

Tip Illustration I created in context.

 Illustrating how to turn on automatic photo uploads from your mobile device to your computer.

Illustrating how to turn on automatic photo uploads from your mobile device to your computer.

 Illustrating the ability to work on files between devices.

Illustrating the ability to work on files between devices.

 Created as a still image for animation, this tip shows OneNote’s ability to convert written text into live text.

Created as a still image for animation, this tip shows OneNote’s ability to convert written text into live text.

 Illustrating how to choose an accent color.

Illustrating how to choose an accent color.

 Created as a still image for an animated tip.

Created as a still image for an animated tip.

 Illustrating how to choose a custom resume template in Microsoft Word.

Illustrating how to choose a custom resume template in Microsoft Word.

 Illustrating how to use a picture as your desktop background.

Illustrating how to use a picture as your desktop background.

prev / next
Back to David Hose | Visual Designer & Illustrator, Seattle
09 Visual Studio Product Icon Refresh Final.png
9
Visual Studio 2026 Product Icon Refresh
 Python Data Science: initial set of comps.
3
Marketplace Icon: Python Data Science
06 ADO Product Icon Craft.png
7
Azure DevOps Iconography Update
08 VS Refresh - Examples.png
6
Visual Studio UI Icon Updates
03 SRE Agent Final.png
4
Azure SRE Agent
 Several options for the business tracking concept.
3
Azure Business Process Tracking
05 Microsoft Figma Plugin Icons Highlight.png
5
Figma Plugin Icons
02 AI Gateway - Round 02.png
3
AI Gateway
 Example of some of the many colorful emoji I created for Microsoft.
8
Emoji
Office_03_Context_01.png
6
Microsoft Office Application Icons
SamleFE_Dimentional.png
7
File Explorer Icon Refresh
 Ninja Cat going off-road.
4
Holiday Desktop Wallpaper
TipsApp.png
9
Tip Illustrations