0% found this document useful (0 votes)
79 views27 pages

VisualStudioImageLibrary2015 Concept PDF

The document provides instructions for using images from the Microsoft Visual Studio Image Library. It contains a table that lists icon names, icon previews, concept descriptions and the concept folders for each icon. The usage of the icons must be consistent with the concept description and folder indicated. Image files are organized by concept folders and the pdf file should be kept in the same directory as the image folder for hyperlink browsing of the images.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
79 views27 pages

VisualStudioImageLibrary2015 Concept PDF

The document provides instructions for using images from the Microsoft Visual Studio Image Library. It contains a table that lists icon names, icon previews, concept descriptions and the concept folders for each icon. The usage of the icons must be consistent with the concept description and folder indicated. Image files are organized by concept folders and the pdf file should be kept in the same directory as the image folder for hyperlink browsing of the images.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 27

Microsoft Visual Studio Image Library

Use Instructions:
Some of these images are offered in various sizes and color schemes although only preview image is displayed in the table below. The same usage restrictions apply to all
variations of a given image. As part of a visual language, the following images (or any part of the images) must be used in a manner consistent with the image name or concept
description indicated below.
*Image files are sorted by concept folders. Keep the pdf file in the same directory with 2015_VSIcon folder so that you can click on hyperlinks to browse image files.

Icon Name Icon Concept Description Folder

Accessibility Accessibility

The Action icon can also be used as an annotation to indicate that


Action Action
the base action will be performed using automatic settings

Activity Activity

Actor Actor

Add Add

Address Address

Alert Alert

Alpha channel AlphaChannel

Wednesday,October14,2015 1 of 27
Icon Name Icon Concept Keywords Folder

Animation Animation

Application Also used for Project Application

Area AreaChart

Arrange Arrange

Assign Assign

Association AssociationLine

The Asymmetric concept is represented by the juxtaposition of


Asymmetric AsymmetricKey
opposite imagery (for example, light/dark or left/right)

Attach Attach

Attribute Also used for Variable, parameter Attribute

Audio Audio

Audio recording AudioRecording

Wednesday,October14,2015 2 of 27
Icon Name Icon Concept Keywords Folder

Autosum Autosum

Bidirectional Bidirectional

Binary Binary

Bookmark Bookmark

Branch Branch

Brightness Brightness

Browse Browse

Bug Bug

Build BuildSolution

Builder Builder

Business Business

Wednesday,October14,2015 3 of 27
Icon Name Icon Concept Keywords Folder

Button Button

Cache Cache

Calendar Calendar

Call Call

Cancel Also used for Clear, Delete Cancel

Capture Camera

CD CD

Certificate Certificate

Changeset Changeset

Choice toggle Checkbox

Class Class

Wednesday,October14,2015 4 of 27
Icon Name Icon Concept Keywords Folder

Clear Also used for Cancel, Delete Cancel

Close Also used for Terminate Close

Cloud Cloud

Code Code

Collapse Collapse

Collection Collection

Column Column

Comment Also used for Feedback, Annotation Comment

Comment (code) CommentCode

Compare Compare

Component Component

Wednesday,October14,2015 5 of 27
Icon Name Icon Concept Keywords Folder

Connect Connect

Console Console

The Contract (noun) icon is used to indicate an agreement be-


Contract Contract
tween the application and the operating system

The contract/expand icons are used in layout situations to indicate


Contract ContractArrow
that space between two elements will be condensed

The contract/expand icons are used in layout situations to indicate


Expand ExpandArrow
that space between two elements will be increased

Contrast Contrast

Control Control

Convert Convert

Stacking multiple objects on top of each other represents the con-


Copy Copy
cept of grouping or the action of Copying

Counter Counter

Create Create

Wednesday,October14,2015 6 of 27
Icon Name Icon Concept Keywords Folder

Cursor Also used for Pointer Cursor

Custom expression Also used for Prediction CustomExpression

Cut Cut

Dark theme DarkTheme

Data Database

Data mining DataMining

Delegate Delegate

Delete Also used for Cancel, Clear Cancel

Dependency DependencyArrow

Deploy Deploy

Diagram Also used for Workflow Diagram

Wednesday,October14,2015 7 of 27
Icon Name Icon Concept Keywords Folder

Dialog Dialog

Dictionary Dictionary

Dimension Also used for Plan Dimension

Display Also used for Monitor Monitor

Document Also used for File Document

Drive HardDrive

Driver Driver

Dynamic Dynamic

Dynamic value DynamicValue

The Edit annotation faces left or right depending on what the base


Edit icon looks like Choose the orientation that looks best with your Edit
overall icon design

Effects Also used for Expression, Function, Variable (global) Effects

Wednesday,October14,2015 8 of 27
Icon Name Icon Concept Keywords Folder

A slash is used as an overlay annotation together with other icons


Empty Backslash
to indicate “Empty” or “Blank”

Enumerator Enumerator

Event Also used for Trigger Event

Expand Expand

Export Also used for Open Open

Favorite Also used for Protected, Rating Favorite

Field DataField

Field (code element) Field

Filter Filter

Finance Finance

Flagged Also used for Notification Flag

Wednesday,October14,2015 9 of 27
Icon Name Icon Concept Keywords Folder

Flow Flow

Folder Folder

Font Also used for Label Font

Frame FrameBorder

Friend Friend

Function Also used for Expression, Effects, Variable (global) Effects

Get Also used for Download Download

Graphics (3D) Graphics3D

Grid Grid

Grid web layout GridGuide

Stacking multiple objects on top of each other represents the con-


Grouping FileGroup
cept of grouping or multiplicity

Wednesday,October14,2015 10 of 27
Icon Name Icon Concept Keywords Folder

Hierarchy Hierarchy

History History

Home Home

Idea Lightbulb

Image Also used for Assets, Resource Image

Important Also used for Attention, Hot path Important

Indexer Indexer

The concept of derived inheritance is represented by a dotted


Inheritance InheritedControl
corner See also Nonsubstantive/hidden and Virtual

The inheritance (arrow) icon represents a toolbox control for a


Inheritance (arrow) Inheritance
modeling service

Interface Interface

Item Item

Wednesday,October14,2015 11 of 27
Icon Name Icon Concept Keywords Folder

Key Also used for Permission, ID Key

Key performance indicator (KPI) KPI

Library Library

Link Link

Lock Also used for Private, Permission Lock

Log Log

Loop Loop

Mail Also used for Message Mail

Manifest Manifest

The markup concept is also used as an element in several com-


Markup MarkupTag
pound concepts

Markup: HTML (web) MarkupHTML

Wednesday,October14,2015 12 of 27
Icon Name Icon Concept Keywords Folder

Markup: XAML (WPF) MarkupWPF

Markup: XML MarkupXML

Master page MasterPage

Measure Measure

Media Also used for Film Media

Member Also used for Material editor, Specular for 3D Member

Memory (chip) MemoryChip

Memory Used for Memory tool window Memory

Merge Merge

Message Also used for Chat Message

Method Method

Wednesday,October14,2015 13 of 27
Icon Name Icon Concept Keywords Folder

Mobile phone Phone

Module Module

Move Also used for Next Next

Namespace Namespace

Network Also used for Connection Network

Node Also used for Crosshair ActivityFinalNodeTool

Also used for Virtual A dotted outline of an object indicates that it


Nonsubstantive (hidden or template) Virtual
is hidden or templated

Note Note

Open Also used for Export Open

Output Output

Package Package

Wednesday,October14,2015 14 of 27
Icon Name Icon Concept Keywords Folder

Parallel Parallel

Partition Partition

Parts Parts

Performance PerformanceDiagnosticsGraph

Pin Pushpin

The Planning icon is used to indicate part of a workflow on a de-


Planning Plan
sign surface

Policy Policy

Pop out PopOut

Power Power

Previous Previous

Print Print

Wednesday,October14,2015 15 of 27
Icon Name Icon Concept Keywords Folder

Procedure Also used for Interactive window Procedure

Property Also used for Configurations Property

Query QueryView

Record Record

Redo Redo

Reference Reference

Refresh Refresh

Relationship BranchRelationship

Remove Usually used together with Add Remove

Rename Rename

Reorder Reorder

Wednesday,October14,2015 16 of 27
Icon Name Icon Concept Keywords Folder

Repair Repair

Report Report

Rule Rule

Ruler Also used for Measure, Guide Ruler

Save Save

Schema Schema

Script Script

Search Also used for Find, Lookup Search

Server (local) LocalServer

Server (remote) RemoteServer

Settings Also used for Options Settings

Wednesday,October14,2015 17 of 27
Icon Name Icon Concept Keywords Folder

Share Share

Shortcut Shortcut

Snippet Snippet

Source control SourceControlExplorer

Start Also used for Run, Debug Run

Steps Also used for Stage, Phase Step

Structure Structure

Style sheet StyleSheet

Synchronize Also used for Update Synchronize

Table Table

Tablet Tablet

Wednesday,October14,2015 18 of 27
Icon Name Icon Concept Keywords Folder

Tag Tag

Task Task

Team Team

Text Text

Thread Thread

Time Also used for Pending Time

Timer Timer

Toggle Toggle

Toolbox Toolbox

Undo Also used for Revert, Restore Undo

Up Also used for Upload Upload

Wednesday,October14,2015 19 of 27
Icon Name Icon Concept Keywords Folder

User Also used for Role, Profile User

User interface UI

Variable (global) Also used for Expression, Function, Effects Effects

View View (noun) is used for the presentation View

View View (verb) is used for the action Also used for Äudit ViewMonocle

Virtual Also used for Nonsubstantive (hidden or template) Virtual

Watch Watch

Web Web

Wizard Wizard

Work item WorkItem

Yield Yield

Wednesday,October14,2015 20 of 27
Icon Name Icon Concept Keywords Folder

Zoom Zoom

Microsoft Foundation Class (MFC) MFC

WCF WCF

WF WF

Association line AssociationLine

Branch Branch

Camera orbit CameraOrbit

Connector Connector

Current context CurrentContextArrowIcon

Current location CurrentLocationArrowIcon

Current row Also used for Glyph Right GlyphRight

Wednesday,October14,2015 21 of 27
Icon Name Icon Concept Keywords Folder

Cursor Cursor

Delegation tool DelegationArrow

Dependency DependencyArrow

Direct selection Cursor

Down Also used for Download Download

Dynamic Dynamic

Expand ExpandArrow

Contract ContractArrow

Export Also used for Open Open

(Glyph) up GlyphUp

(Glyph) down GlyphDown

Wednesday,October14,2015 22 of 27
Icon Name Icon Concept Keywords Folder

(Glyph) next GlyphRight

(Glyph) previous GlyphLeft

(Glyph) collapsed file picker GlyphRight

(Glyph) expanded file picker ScrollbarArrowsDownRight

Import Import

Inheritance Inheritance

Instruction pointer CurrentInstructionPointer

Merge Merge

Move to bottom GoToBottom

Move to top GoToTop

Navigate back Backward

Wednesday,October14,2015 23 of 27
Icon Name Icon Concept Keywords Folder

Navigate forward Forward

Next Also used for Generate, Go to Next

Open Open

Previous Previous

Redo Redo

Reorder Reorder

Sync SyncArrow

Undo Also used for Revert, Restore, Reset Undo

Up Also used for Upload Upload

Action status: paused StatusPause

Action status: playing, running StatusRun

Wednesday,October14,2015 24 of 27
Icon Name Icon Concept Keywords Folder

Action status: stopped StatusStop

Alert StausAlert

Breakpoint: advanced disabled StatusAdvanceBreakpointDisable

Breakpoint: advanced enabled StatusAdvanceBreakpoint

Breakpoint: bound BreakpointBound

Breakpoint: disabled BreakpointDisable

Breakpoint: enabled BreakpointEnable

Breakpoint: mapped disabled MappedBreakpointDisable

Breakpoint: mapped enabled MappedBreakpoint

Complete and OK StatusOK

Error StatusCriticalError

Wednesday,October14,2015 25 of 27
Icon Name Icon Concept Keywords Folder

Help/inconclusive StatusHelp

Used this icon beside visible informational text Do not use it for
Information StatusInformation
hoverover tooltip

Used this icon without visible informational text It indicates infor-


Information tooltip StatusInformation
mation will be available on hover

Invalid StatusInvalid

No Also used for Mute, Not applicable StatusNo

Required StatusRequired

Offline StatusOffline

Security shield alert StatusSecurityWarning

Security shield complete and OK StatusSecurityOK

Security shield critical StatusSecurityCritical

TracePoint: advanced disabled TracePointAdvanceDisable

Wednesday,October14,2015 26 of 27
Icon Name Icon Concept Keywords Folder

TracePoint: advanced enabled TracepointAdvance

TracePoint: bound TracePointBound

TracePoint: disabled TracePointDisable

TracePoint: enabled TracePointEnable

Warning StatusWarning

Wednesday,October14,2015 27 of 27

You might also like