<!DOCTYPE html><html><head><title>Icon Sizing</title><metacharset="UTF-8" /><linkrel="shortcut icon"href="https://static.infragistics.com/xplatform/images/browsers/wc.png"
/><linkrel="stylesheet"href="https://fonts.googleapis.com/icon?family=Material+Icons"
/><linkrel="stylesheet"href="https://fonts.googleapis.com/css?family=Kanit&display=swap"
/><linkrel="stylesheet"href="https://fonts.googleapis.com/css?family=Titillium Web"
/><linkrel="stylesheet"href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css"type="text/css"
/></head><body><divid="root"><divclass="container sample"><divstyle="
display: flex;
align-items: center;
width: 400px;
border: 1px solid gainsboro;
"
><igc-iconname="build"collection="material"class="small"></igc-icon><igc-iconname="build"collection="material"class="medium"></igc-icon><igc-iconname="build"collection="material"class="large"></igc-icon></div></div></div><!-- This script is needed only for parcel and it will be excluded for webpack -->
<% if (false) { %>
<scriptsrc="src/index.ts"></script>
<% } %>
</body></html>html
<!DOCTYPE html><html><head><title>Icon Sizing</title><metacharset="UTF-8" /><linkrel="shortcut icon"href="https://static.infragistics.com/xplatform/images/browsers/wc.png"
/><linkrel="stylesheet"href="https://fonts.googleapis.com/icon?family=Material+Icons"
/><linkrel="stylesheet"href="https://fonts.googleapis.com/css?family=Kanit&display=swap"
/><linkrel="stylesheet"href="https://fonts.googleapis.com/css?family=Titillium Web"
/><linkrel="stylesheet"href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css"type="text/css"
/></head><body><divid="root"><divclass="container sample"><divstyle="
display: flex;
align-items: center;
width: 400px;
border: 1px solid gainsboro;
"
><igc-iconname="build"collection="material"class="small"></igc-icon><igc-iconname="build"collection="material"class="medium"></igc-icon><igc-iconname="build"collection="material"class="large"></igc-icon></div></div></div><!-- This script is needed only for parcel and it will be excluded for webpack -->
<% if (false) { %>
<scriptsrc="src/index.ts"></script>
<% } %>
</body></html>html
<!DOCTYPE html><html><head><title>Icon Sizing</title><metacharset="UTF-8" /><linkrel="shortcut icon"href="https://static.infragistics.com/xplatform/images/browsers/wc.png"
/><linkrel="stylesheet"href="https://fonts.googleapis.com/icon?family=Material+Icons"
/><linkrel="stylesheet"href="https://fonts.googleapis.com/css?family=Kanit&display=swap"
/><linkrel="stylesheet"href="https://fonts.googleapis.com/css?family=Titillium Web"
/><linkrel="stylesheet"href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css"type="text/css"
/></head><body><divid="root"><divclass="container sample"><divstyle="
display: flex;
align-items: center;
width: 400px;
border: 1px solid gainsboro;
"
><igc-iconname="search"collection="material"></igc-icon></div></div></div><!-- This script is needed only for parcel and it will be excluded for webpack -->
<% if (false) { %>
<scriptsrc="src/index.ts"></script>
<% } %>
</body></html>html
/* shared styles are loaded from: *//* https://static.infragistics.com/xplatform/css/samples */css