# GrapeCity.ActiveReports.Blazor.Viewer.ToolbarItem.IconCssClass

## Content

<div class="doc-site-dotnet-api-container">



<h1 id="GrapeCity_ActiveReports_Blazor_Viewer_ToolbarItem_IconCssClass_" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ToolbarItem.IconCssClass*">IconCssClass Property
</h1>
<div class="markdown level0 summary"></div>
<div class="markdown level0 conceptual"></div>



<a id="GrapeCity_ActiveReports_Blazor_Viewer_ToolbarItem_IconCssClass_" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ToolbarItem.IconCssClass*"></a>
<h4 id="GrapeCity_ActiveReports_Blazor_Viewer_ToolbarItem_IconCssClass" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ToolbarItem.IconCssClass">IconCssClass</h4>
<div class="markdown level1 summary"><p>Gets or sets the CSS class for the icon of the toolbar item.</p>
</div>
<div class="markdown level1 conceptual"></div>
<h5 class="declaration">Declaration</h5>
<div class="codewrapper">
  <pre><code class="lang-csharp hljs">public string IconCssClass { get; set; }</code></pre>
</div>
<h5 class="propertyValue">Property Value</h5>
<table class="table table-bordered table-condensed">
  <thead>
    <tr>
      <th>Type</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.string">string</a></td>
      <td><p>The CSS class as a <a class="xref" href="https://learn.microsoft.com/dotnet/api/system.string">string</a> used for the icon representation.</p>
</td>
    </tr>
  </tbody>
</table>
<h5 id="GrapeCity_ActiveReports_Blazor_Viewer_ToolbarItem_IconCssClass_remarks">Remarks</h5>
<div class="markdown level1 remarks"><p>This property allows you to specify a CSS class for the toolbar item's icon, enabling custom styling and use of icon libraries like FontAwesome.</p>
</div>
</div>