2 files changed, 7 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/definition.tsx b/packages/website/ts/@next/components/definition.tsx
index da72fe805..d8bbbd77e 100644
--- a/packages/website/ts/@next/components/definition.tsx
+++ b/packages/website/ts/@next/components/definition.tsx
@@ -14,6 +14,7 @@ interface Props {
     isInlineIcon?: boolean;
     isCentered?: boolean;
     isWithMargin?: boolean;
+    icon: string;
     iconSize?: 'medium' | 'large' | number;
     title: string;
     description: React.Node;
@@ -23,7 +24,7 @@ interface Props {
 export const Definition = (props: Props) => (
     <Wrap {...props}>
         <Icon
-            name="ready-to-build"
+            name={props.icon}
             size={props.iconSize || 'medium'}
             margin={[0, 0, 'default', 0]}
         />
diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx
index d0d909949..14ca3ab6f 100644
--- a/packages/website/ts/@next/pages/why.tsx
+++ b/packages/website/ts/@next/pages/why.tsx
@@ -103,6 +103,7 @@ export class NextWhy extends React.PureComponent {
                     <Definition
                         title="Support for all Ethereum Standards"
                         description="0x Protocol facilitates the decentralized exchange of a growing number of Ethereum-based tokens, including all ERC-20 and ERC-721 assets. Additional ERC standards can be added to the protocol..."
+                        icon="supportForAllEthereumStandards"
                         iconSize="large"
                         isInline={true}
                     />
@@ -110,6 +111,7 @@ export class NextWhy extends React.PureComponent {
                     <Definition
                         title="Shared Networked Liquidity"
                         description="0x is building a layer of networked liquidity that will lower the barriers to entry. By enabling businesses to tap into a shared pool of digital assets, it will create a more stable financial system."
+                        icon="networkedLiquidity"
                         iconSize="large"
                         isInline={true}
                     />
@@ -117,6 +119,7 @@ export class NextWhy extends React.PureComponent {
                     <Definition
                         title="Support for all Ethereum Standards"
                         description="Relayers are businesses around the world that utilize 0x to integrate exchange functionality into a wide variety of products including order books, games, and digital art marketplaces."
+                        icon="flexibleIntegration"
                         iconSize="large"
                         isInline={true}
                     />
@@ -139,6 +142,7 @@ export class NextWhy extends React.PureComponent {
                                 {_.map(offersData, (item, index) => (
                                     <Definition
                                         key={`offers-${index}`}
+                                        icon={item.icon}
                                         title={item.title}
                                         description={item.description}
                                         isWithMargin={true}
@@ -166,6 +170,7 @@ export class NextWhy extends React.PureComponent {
                                 {_.map(functionalityData, (item, index) => (
                                     <Definition
                                         key={`functionality-${index}`}
+                                        icon={item.icon}
                                         title={item.title}
                                         description={item.description}
                                         isWithMargin={true}