Use Product Category Icons as pictograms that communicate in a glance, offer interactivity, or simplify complex ideas related to specific Appfire product categories.
Use on websites, in product UI, and with merchandise.
Deprecated and will be removed in next major version update.
Import
import {ProductCategoryIcon} from '@fuegokit/react'
Usage
Product categories
"Outlined" and "full color" versions of each are available.
| Icon | Type | Product Category |
|---|---|---|
workflowAutomationOutline | string | Workflow & Automation |
publishingOutline | string | Publishing |
portfolioManagementOutline | string | Portfolio Management |
itsmOutline | string | ITSM |
documentManagementOutline | string | Document Management |
developerToolsOutline | string | Developer Tools |
biReportingOutline | string | BI & Reporting |
agileOutline | string | Agile |
adminToolsOutline | string | Admin Tools |
workflowAutomationColor | string | Workflow & Automation |
publishingColor | string | Publishing |
portfolioManagementColor | string | Portfolio Management |
itsmColor | string | ITSM |
documentManagementColor | string | Document Management |
developerToolsColor | string | Developer Tools |
biReportingColor | string | BI & Reporting |
agileColor | string | Agile |
adminToolsColor | string | Admin Tools |
Both "outline" and "full color" variants of each product category are available via the icon prop:
Sizing
Product Category Icons can be used in a range of sizes.
"Outline" variants may be as small as 16px, and the maximum size may vary based on application.
"Full color" variants should never be smaller than 128px.
Use Product Category Icons at their original sizes or scale at accepted increments.