Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>MetroStation and the icons at CESPage are great and mostly answer this question (provide a source of the "pushpin" icon), but there are a couple of small issues to sort out before you can use them in your Windows Phone app, at least if you want to follow the SDK standards...</p> <p>1) The application bar icon size is a 48x48 PNG but the MetroStation PNG folder has icons with dimensions of 256x256. So goto the ICO folder, open it in an icon editor then export the 48x48x256 sized/coloured icon from within (it's a group/multi-sized icon file).</p> <p>2) The application bar standard (assuming we follow the 7.5 SDK "way") is to NOT have the base circle included in the icon. The SDK documentation tells us that the system draws the circle around it when used on the app bar, and they provide the appbar.basecircle.rest.png which you can overlay whenever you want to use the same core icons outside the app bar. So it's best to leave out the circle for flexibility and to "go with the flow". Also there could also be some overlay issues when the system attempts to draw another circle on top of the one already in your icon.</p> <p>Here are a set of "pushpin" icons ready to use (light and dark) in SDK format:</p> <p>Dark theme (white) "icon" (PNG) is here --> <img src="https://i.stack.imgur.com/h5SRG.png" alt="Dark theme pushpin 48x48 without base circle"> Light theme (black) "icon" (PNG) is here --> <img src="https://i.stack.imgur.com/fO92g.png" alt="Light theme pushpin 48x48 without base circle"></p> <p>Hope that saves a bit of time for people. Thanks to MetroStation for the source icons!</p> <p>2012.10.03 - UPDATE: I just found this fantastic and royalty free icon pack: <a href="http://modernuiicons.com/" rel="noreferrer">http://modernuiicons.com/</a> Not only do they have probably all the icons you ever need, but they are in the correct format without any base circle, the filenames follow the SDK convention and the Expression Design files are there too!</p> <p>Here are their versions, most useful is the complement to the "pin to start", the "unpin from start"...</p> <p>dark.appbar.pin.png --><img src="https://i.stack.imgur.com/RsFD9.png" alt="dark.appbar.pin.png"></p> <p>dark.appbar.pin.remove.png --><img src="https://i.stack.imgur.com/zvYWf.png" alt="dark.appbar.pin.remove.png"></p> <p>dark.appbar.base.png --><img src="https://i.stack.imgur.com/FtIYT.png" alt="dark.appbar.base.png"></p> <p>light.appbar.pin.png --><img src="https://i.stack.imgur.com/uB1Ej.png" alt="light.appbar.pin.png"></p> <p>light.appbar.pin.remove.png --><img src="https://i.stack.imgur.com/hI6Tx.png" alt="light.appbar.pin.remove.png"></p> <p>light.appbar.base.png --><img src="https://i.stack.imgur.com/3JEHC.png" alt="enter image description here"></p> <p>Now that should be everything you need regarding pin icons :-)</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload