Using the Polymer Icons NuGet Package

Unisys packages the Scalable Vector Graphics (SVG) icons that are part of the Google Polymer project (refer to http://www.polymer-project.org) into a NuGet package. SVG images can be scaled to any size without any loss of quality. You can add this NuGet package to any web-based project (such as an MVC project, a web forms project, or a web forms mobile project) to gain access to the icons.

Note: Internet Explorer 8 and earlier and the Android stock browser on Android 2.x do not support SVG images.

To add the NuGet package, perform the following steps:

  1. Open the existing solution in Visual Studio

  2. In Solution Explorer, right-click your project and select Manage NuGet Packages.

  3. From the Package source list, select Unisys ClearPath ePortal Packages and click Browse.

  4. In the left pane, select Google.polymer.core.icons, and then click Install in the right pane.

    The Preview dialog box appears.

  5. Click OK to start the installation.

    The icons are placed under the folder Content\Images\AppIcons in your project.

To use the icons on your web pages:

  1. Edit your .cshtml or .aspx file. Refer to Controlling the Look and Feel using Visual Studio Web Editors.

  2. Add an image. For example, you use the HTML img tag in your .cshtml file, or the asp:Image control in your .aspx file.

  3. In the Properties window, identify the location of the .svg file and set the desired height and width.