﻿<html>
<head>
    <title>Icon Preview</title>
    <link href="EntityIconDisplay.css" rel="stylesheet">
    <meta charset="utf-8">
</head>
<body>
    <div id="header">
        <h1><span class="logo">Entity Icons</h1>
        <!--<h3>Introduction</h3>
        <div class="intro">
            The icons in this CRM solution come from the following sources :
            <ul class="intro">
                <li>The existing Microsoft Dynamics Brand Icon Libraries (sets of PowerPoint slides).</li>
                <li>The built-in Segoe UI symbols (useful glyphs provided in the Windows 8 Segoe UI Symbol font). </li>
                <li>www.thenounproject.com - the User Experience Designer <br />on this solution (Hanneke Maré) has a professional subscription here. </li>
                <li>Created by individuals working on demo solutions. This includes icons designed from scratch and icons created by tailoring and editing existing icons from the above mentioned sources. </li>
            </ul>
        </div>-->
    </div>
    <div id="container">
        <div id="groups">
            <div class="group double">
                <h3>General Icons</h3>
                <div class="tiles">
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Approved32.png"></div>
                        <div class="smallTileTitle">General/Approved32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Account32.png"></div>
                        <div class="smallTileTitle">General/Account32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Branch232.png"></div>
                        <div class="smallTileTitle">General/Branch232.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Branch32.png"></div>
                        <div class="smallTileTitle">General/AccountPlan32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/AccountPlan32.png"></div>
                        <div class="smallTileTitle">General/AccountPlan32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Category32.png"></div>
                        <div class="smallTileTitle">General/Category32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Category2_32.png"></div>
                        <div class="smallTileTitle">General/Category2_32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Channel32.png"></div>
                        <div class="smallTileTitle">General/Channel32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/ChannelUsage32.png"></div>
                        <div class="smallTileTitle">General/ChannelUsage32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Complaint32.png"></div>
                        <div class="smallTileTitle">General/Complaint32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Compliment32.png"></div>
                        <div class="smallTileTitle">General/Compliment32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Connection32.png"></div>
                        <div class="smallTileTitle">General/Connection32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Contact32.png"></div>
                        <div class="smallTileTitle">General/Contact32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Division232.png"></div>
                        <div class="smallTileTitle">General/Division232.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Division32.png"></div>
                        <div class="smallTileTitle">General/Division32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/DataFind32.png"></div>
                        <div class="smallTileTitle">General/DataFind32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/DataSettings32.png"></div>
                        <div class="smallTileTitle">General/DataSettings32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/DataTransfer1_32.png"></div>
                        <div class="smallTileTitle">General/DataTransfer1_32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Detail32.png"></div>
                        <div class="smallTileTitle">General/Detail32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/ExportChart32.png"></div>
                        <div class="smallTileTitle">General/ExportChart32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Filing32.png"></div>
                        <div class="smallTileTitle">General/Filing32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Group32.png"></div>
                        <div class="smallTileTitle">General/Group32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/IT2_32.png"></div>
                        <div class="smallTileTitle">General/IT2_32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/MessageEdit32.png"></div>
                        <div class="smallTileTitle">General/MessageEdit32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Numbering32.png"></div>
                        <div class="smallTileTitle">General/Numbering32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Organisation32.png"></div>
                        <div class="smallTileTitle">General/Organisation32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Project32.png"></div>
                        <div class="smallTileTitle">General/Project32.png</div>
                    </div>
                     <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Projector32.png"></div>
                        <div class="smallTileTitle">General/Projector32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Report32.png"></div>
                        <div class="smallTileTitle">General/Report32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Retail32.png"></div>
                        <div class="smallTileTitle">General/Retail32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Retail2_32.png"></div>
                        <div class="smallTileTitle">General/Retail2_32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Survey32.png"></div>
                        <div class="smallTileTitle">General/Survey32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/UserInfo32.png"></div>
                        <div class="smallTileTitle">General/UserInfo32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Contact32.png"></div>
                        <div class="smallTileTitle">General/RecycleBin.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/UserPhone32.png"></div>
                        <div class="smallTileTitle">General/UserPhone32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/WalletShare32.png"></div>
                        <div class="smallTileTitle">General/WalletShare32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Workflow1_32.png"></div>
                        <div class="smallTileTitle">General/Workflow1_32.png</div>
                    </div>
                    <div class="smallTile steelblueTile">
                        <div class="smallTileIcon"><img src="../entityicon/General/Workflow2_32.png"></div>
                        <div class="smallTileTitle">General/Workflow2_32.png</div>
                    </div>
              </div>
            </div>
            <div class="group">
                <h3>Financial Services Icons</h3>
                <div class="tiles">
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/Asset32.png"></div>
                        <div class="smallTileTitle">banking/Asset32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/Asset2_32.png"></div>
                        <div class="smallTileTitle">banking/Asset2_32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/Assessment32.png"></div>
                        <div class="smallTileTitle">banking/Assessment32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/claim32.png"></div>
                        <div class="smallTileTitle">banking/Claim32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/Damage32.png"></div>
                        <div class="smallTileTitle">banking/Damage32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/Fund32.png"></div>
                        <div class="smallTileTitle">banking/Fund32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/FundHolding32.png"></div>
                        <div class="smallTileTitle">banking/FundHolding32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/Liability2_32.png"></div>
                        <div class="smallTileTitle">banking/Liability2_32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/Policy32.png"></div>
                        <div class="smallTileTitle">banking/Policy32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/ProductHolding32.png"></div>
                        <div class="smallTileTitle">banking/ProductHolding32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/ShareClass32.png"></div>
                        <div class="smallTileTitle">banking/ShareClass32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/ShareClass232.png"></div>
                        <div class="smallTileTitle">banking/ShareClass232.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/ShareClassHolding32.png"></div>
                        <div class="smallTileTitle">banking/ShareClassHolding32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/Trades32.png"></div>
                        <div class="smallTileTitle">banking/Trades32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/Transaction32.png"></div>
                        <div class="smallTileTitle">banking/Transaction32.png</div>
                    </div>
                    <div class="smallTile tealTile">
                        <div class="smallTileIcon"><img src="../entityicon/banking/TransactionsTasks32.png"></div>
                        <div class="smallTileTitle">banking/TransactionsTasks32.png</div>
                    </div>
               </div>
            </div>
            <div class="group">
                <h3>Manufacturing and Distribution Icons</h3>
                <div class="tiles">
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/Equipment32.png"></div>
                        <div class="smallTileTitle">Manufacturing/Equipment32.png</div>
                    </div>
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/Import32.png"></div>
                        <div class="smallTileTitle">Manufacturing/Import32.png</div>
                    </div>
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/InstalledBase32.png"></div>
                        <div class="smallTileTitle">Manufacturing/InstalledBase32.png</div>
                    </div>
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/InstalledBase2_32.png"></div>
                        <div class="smallTileTitle">Manufacturing/InstalledBase2_32.png</div>
                    </div>
                    <div class="smalltile olivetile">
                        <div class="smalltileicon"><img src="../entityicon/Manufacturing/Item_Product32.png"></div>
                        <div class="smalltiletitle">Manufacturing/Item_Product32.png</div>
                    </div>
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/Onboarding32.png"></div>
                        <div class="smallTileTitle">Manufacturing/Onboarding32.png</div>
                    </div>
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/Plant32.png"></div>
                        <div class="smallTileTitle">Manufacturing/Plant32.png</div>
                    </div>
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/Product32.png"></div>
                        <div class="smallTileTitle">Manufacturing/Product32.png</div>
                    </div>
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/Product2_32.png"></div>
                        <div class="smallTileTitle">Manufacturing/Product2_32.png</div>
                    </div>
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/ProductItem32.png"></div>
                        <div class="smallTileTitle">Manufacturing/ProductItem32.png</div>
                    </div>
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/Products32.png"></div>
                        <div class="smallTileTitle">Manufacturing/Products32.png</div>
                    </div>
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/Shipping32.png"></div>
                        <div class="smallTileTitle">Manufacturing/Shipping32.png</div>
                    </div>
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/Transport32.png"></div>
                        <div class="smallTileTitle">Manufacturing/Transport32.png</div>
                    </div>
                    <div class="smallTile oliveTile">
                        <div class="smallTileIcon"><img src="../entityicon/Manufacturing/Warehouse32.png"></div>
                        <div class="smallTileTitle">Manufacturing/Medical.png</div>
                    </div>
                </div>
            </div>
            <div class="group">
                <h3>Public Sector Icons</h3>
                <div class="tiles">
                    <div class="smallTile greenTile">
                        <div class="smallTileIcon"><img src="../entityicon/PublicSector/Citizen32.png"></div>
                        <div class="smallTileTitle">PublicSector/Citizen32.png</div>
                    </div>
                    <div class="smallTile greenTile">
                        <div class="smallTileIcon"><img src="../entityicon/PublicSector/City32.png"></div>
                        <div class="smallTileTitle">PublicSector/City32.png</div>
                    </div>
                </div>
            </div>

    </div>

</body>
</html>