{"id":2253,"date":"2010-03-29T14:05:02","date_gmt":"2010-03-29T14:05:02","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/visualstudio\/2010\/03\/29\/tips-and-tricks-visual-studio-2010-image-library\/"},"modified":"2019-02-14T15:39:36","modified_gmt":"2019-02-14T23:39:36","slug":"tips-and-tricks-visual-studio-2010-image-library","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/visualstudio\/tips-and-tricks-visual-studio-2010-image-library\/","title":{"rendered":"Tips and Tricks: Visual Studio 2010 Image Library"},"content":{"rendered":"<p>I was in the middle of creating UI mockups for some <a href=\"http:\/\/visualstudiogallery.msdn.microsoft.com\/en-us\/\">extensions<\/a> I\u2019ve been working on and realized that I needed some icons to polish off the sketch.&#160; Sure, I could have just grabbed a screenshot of VS, opened up my <a href=\"http:\/\/www.getpaint.net\/\">favorite image editor<\/a>, and pulled out the icon that I needed\u2026but what if my \u201cperfect\u201d icon wasn\u2019t in VS?&#160; After all, these extensions are adding <em>new <\/em>functionality.<\/p>\n<p>I was about to download one of the various icon packs floating around the Web, but then I remembered that VS already ships with a number of images to add to your applications: the <a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/ms247035(VS.100).aspx\">Visual Studio Image Library!<\/a>&#160; <\/p>\n<p>The Visual Studio Image Library packages up over 1,000 images (in various formats) from other Microsoft applications including Windows, Office, Visual Studio, and more.&#160; These images are zipped up (<font face=\"Courier New\">VS2010ImageLibrary.zip<\/font>) under <font face=\"Courier New\">..Program FilesMicrosoft Visual Studio 10.0Common7VS2010ImageLibrary1033<\/font>.&#160;&#160; The best part is: you can use these in your actual application, not just for mockups!&#160; <\/p>\n<p>Each folder contains a readme.html file which lists all the images in the directory, their sizes, and information on when and how to use these images.&#160; There is one restriction: the images <em><strong>must<\/strong><\/em> be used in a manner consistent with the definitions found in the readme file.&#160; In other words, don\u2019t use the \u201cCut\u201d image for a \u201cCopy\u201d command.&#160; Things might get confusing\u2026&#160; <\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/4\/2019\/06\/image_4.png\"><img decoding=\"async\" style=\"border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px\" title=\"image\" border=\"0\" alt=\"image\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2010\/03\/image_thumb_1.png\" width=\"796\" height=\"439\" \/><\/a> <\/p>\n<p>Hope this helps!<\/p>\n<table border=\"0\" cellspacing=\"0\" cellpadding=\"2\">\n<tbody>\n<tr>\n<td valign=\"top\">&#160;<\/td>\n<td><a href=\"https:\/\/devblogs.microsoft.com\/wp-content\/uploads\/sites\/4\/2019\/06\/wespic_2.jpg\"><img decoding=\"async\" style=\"border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;margin-left: 3px;border-left-width: 0px;margin-right: 3px\" title=\"wespic\" border=\"0\" alt=\"wespic\" align=\"left\" src=\"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-content\/uploads\/sites\/4\/2010\/03\/wespic_thumb.jpg\" width=\"86\" height=\"70\" \/><\/a><\/td>\n<td valign=\"top\"><strong>Weston Hutchins<\/strong> \u2013 Program Manager, Visual Studio Shell Team           <br \/><strong>Short Bio<\/strong>: I started at Microsoft as an intern in 2005 and have been working in Visual Studio ever since.&#160; I\u2019m currently a PM on the VS Shell IDE team and work on the core IDE UI and services as well as the Extension Manager and <a href=\"http:\/\/visualstudiogallery.com\/\">http:\/\/visualstudiogallery.com<\/a> integration. Prior to my current duties, I was the SKU manager for the Visual Studio Express products.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>I was in the middle of creating UI mockups for some extensions I\u2019ve been working on and realized that I needed some icons to polish off the sketch.&#160; Sure, I could have just grabbed a screenshot of VS, opened up my favorite image editor, and pulled out the icon that I needed\u2026but what if my [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":255385,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[155],"tags":[137,13],"class_list":["post-2253","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visual-studio","tag-html","tag-visual-studio-2010"],"acf":[],"blog_post_summary":"<p>I was in the middle of creating UI mockups for some extensions I\u2019ve been working on and realized that I needed some icons to polish off the sketch.&#160; Sure, I could have just grabbed a screenshot of VS, opened up my favorite image editor, and pulled out the icon that I needed\u2026but what if my [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/2253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/comments?post=2253"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/posts\/2253\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media\/255385"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/media?parent=2253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/categories?post=2253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/visualstudio\/wp-json\/wp\/v2\/tags?post=2253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}