diff --git a/client/components/foldable-card/README.md b/client/components/foldable-card/README.md
index 5c78aafc2b44b..750ed3b31c270 100644
--- a/client/components/foldable-card/README.md
+++ b/client/components/foldable-card/README.md
@@ -31,6 +31,7 @@ render: function() {
 ##### Optional props
 * `actionButton`: a component to substitute the regular expand button
 * `actionButtonExpanded`: a component to substitute the regular expand button when the card is expanded. If not provided, we use `actionButton`
+* `icon`: a string to set the Gridicon slug for the regular expand button. Defaults to `chevron-down`. Only applies when the `actionButton` or `actionButtonExpanded` props are not set.
 * `cardKey`: a unique identifier for the card that can be used to help track its state outside the component (for example, to record which cards are open).
 * `compact`: a boolean indicating if the foldable card is compact
 * `disabled`: boolean indicating if the component it's not interactive
diff --git a/client/components/foldable-card/docs/example.jsx b/client/components/foldable-card/docs/example.jsx
index 578328480546f..add41485344ea 100644
--- a/client/components/foldable-card/docs/example.jsx
+++ b/client/components/foldable-card/docs/example.jsx
@@ -35,6 +35,14 @@ module.exports = React.createClass( {
 						You can't see me!
 					</FoldableCard>
 				</p>
+				<p>
+					<FoldableCard
+						header="This is a foldable card with a custom action icon"
+						icon="arrow-down"
+						>
+						These are its contents
+					</FoldableCard>
+				</p>
 				<p>
 					<FoldableCard
 						header="This is a compact box with summary"
diff --git a/client/components/foldable-card/index.jsx b/client/components/foldable-card/index.jsx
index 13eb6590d57d8..7ec7ce7c34c62 100644
--- a/client/components/foldable-card/index.jsx
+++ b/client/components/foldable-card/index.jsx
@@ -22,6 +22,7 @@ var FoldableCard = React.createClass( {
 		disabled: React.PropTypes.bool,
 		expandedSummary: React.PropTypes.oneOfType( [ React.PropTypes.string, React.PropTypes.element ] ),
 		expanded: React.PropTypes.bool,
+		icon: React.PropTypes.string,
 		onClick: React.PropTypes.func,
 		onClose: React.PropTypes.func,
 		onOpen: React.PropTypes.func,
@@ -39,6 +40,7 @@ var FoldableCard = React.createClass( {
 			onOpen: noop,
 			onClose: noop,
 			cardKey: '',
+			icon: 'chevron-down',
 			isExpanded: false
 		};
 	},
@@ -87,7 +89,7 @@ var FoldableCard = React.createClass( {
 			return (
 				<button disabled={ this.props.disabled } className="foldable-card__action foldable-card__expand" onClick={ clickAction }>
 					<span className="screen-reader-text">{ this.translate( 'More' ) }</span>
-					<Gridicon icon="chevron-down" size={ iconSize } />
+					<Gridicon icon={ this.props.icon } size={ iconSize } />
 				</button>
 			);
 		}