diff --git a/modules/search/instant-search/components/gridicon/index.jsx b/modules/search/instant-search/components/gridicon/index.jsx
index 3e71d4e985f1..cfebf579dd64 100644
--- a/modules/search/instant-search/components/gridicon/index.jsx
+++ b/modules/search/instant-search/components/gridicon/index.jsx
@@ -140,6 +140,12 @@ class Gridicon extends Component {
 						<path d="M10 19h4v-2h-4v2zm-4-6h12v-2H6v2zM3 5v2h18V5H3z" />
 					</g>
 				);
+			case 'gridicons-jetpack-search':
+				return (
+					<g>
+						<path d="M0 9.257C0 4.15 4.151 0 9.257 0c5.105 0 9.256 4.151 9.256 9.257a9.218 9.218 0 01-2.251 6.045l.034.033h1.053L24 22.01l-1.986 1.989-6.664-6.662v-1.055l-.033-.033a9.218 9.218 0 01-6.06 2.264C4.15 18.513 0 14.362 0 9.257zm4.169 1.537h4.61V1.82l-4.61 8.973zm5.547-3.092v8.974l4.61-8.974h-4.61z" />
+					</g>
+				);
 		}
 	}
 
@@ -159,10 +165,11 @@ class Gridicon extends Component {
 			<svg
 				className={ iconClass }
 				height={ size }
-				width={ size }
 				onClick={ this.props.onClick }
+				style={ { height: size, width: size } }
+				viewBox={ '0 0 ' + size + ' ' + size }
+				width={ size }
 				xmlns="http://www.w3.org/2000/svg"
-				viewBox="0 0 24 24"
 			>
 				{ this.getSVGTitle( icon ) }
 				{ this.renderIcon( icon ) }
diff --git a/modules/search/instant-search/components/search-app.jsx b/modules/search/instant-search/components/search-app.jsx
index 15a0a314017a..ef0cc95c2731 100644
--- a/modules/search/instant-search/components/search-app.jsx
+++ b/modules/search/instant-search/components/search-app.jsx
@@ -256,6 +256,7 @@ class SearchApp extends Component {
 					query={ getSearchQuery() }
 					response={ this.state.response }
 					resultFormat={ getResultFormatQuery() }
+					showLogo={ this.state.overlayOptions.showLogo }
 					showPoweredBy={ this.state.overlayOptions.showPoweredBy }
 					widgets={ this.props.options.widgets }
 				/>
diff --git a/modules/search/instant-search/components/search-box.jsx b/modules/search/instant-search/components/search-box.jsx
index cc673599c592..2e4911c64445 100644
--- a/modules/search/instant-search/components/search-box.jsx
+++ b/modules/search/instant-search/components/search-box.jsx
@@ -44,6 +44,11 @@ const SearchBox = props => {
 			<label htmlFor={ inputId } className="screen-reader-text">
 				{ __( 'Site Search', 'jetpack' ) }
 			</label>
+			{ props.showLogo && (
+				<div className="jetpack-instant-search__box-gridicon">
+					<Gridicon icon="jetpack-search" size={ 28 } />
+				</div>
+			) }
 			<input
 				id={ inputId }
 				className="search-field jetpack-instant-search__box-input"
diff --git a/modules/search/instant-search/components/search-box.scss b/modules/search/instant-search/components/search-box.scss
index 8692194b1331..a9fd01651a06 100644
--- a/modules/search/instant-search/components/search-box.scss
+++ b/modules/search/instant-search/components/search-box.scss
@@ -4,6 +4,39 @@
 	flex: 0 0 100%;
 }
 
+input.jetpack-instant-search__box-input.search-field,
+.jetpack-instant-search__box-gridicon {
+	background: #fff;
+	border-radius: 5px;
+	border-style: solid;
+	border-width: 0.1rem;
+	color: black;
+	font-size: 1.6rem;
+	line-height: 1;
+	margin: 0;
+	padding: 1.3rem 1rem;
+	vertical-align: middle;
+}
+
+.jetpack-instant-search__box-gridicon {
+	background: lightgray;
+	border-bottom-right-radius: 0;
+	border-color: lightgray;
+	border-right: none;
+	border-top-right-radius: 0;
+	padding: 1rem 1.5rem;
+}
+
+input.jetpack-instant-search__box-input.search-field {
+	padding: 1.5rem 1.8rem;
+}
+
+.jetpack-instant-search__box-gridicon + input.jetpack-instant-search__box-input.search-field {
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	border-left: none;
+}
+
 .jetpack-instant-search__box-filter-icon {
 	margin: 0 16px;
 	cursor: pointer;
diff --git a/modules/search/instant-search/components/search-form.jsx b/modules/search/instant-search/components/search-form.jsx
index 2a48b01988ec..b9f5eb6ff3f9 100644
--- a/modules/search/instant-search/components/search-form.jsx
+++ b/modules/search/instant-search/components/search-form.jsx
@@ -54,9 +54,10 @@ class SearchForm extends Component {
 						enableFilters
 						onChangeQuery={ this.onChangeQuery }
 						query={ getSearchQuery() }
-						widget={ this.props.widget }
-						toggleFilters={ this.toggleFilters }
 						showFilters={ this.state.showFilters }
+						showLogo={ this.props.showLogo }
+						toggleFilters={ this.toggleFilters }
+						widget={ this.props.widget }
 					/>
 				</div>
 				{ this.state.showFilters && (
diff --git a/modules/search/instant-search/components/search-results.jsx b/modules/search/instant-search/components/search-results.jsx
index 1fb11b01e571..8277ce0a1a27 100644
--- a/modules/search/instant-search/components/search-results.jsx
+++ b/modules/search/instant-search/components/search-results.jsx
@@ -65,6 +65,7 @@ class SearchResults extends Component {
 					locale={ this.props.locale }
 					postTypes={ this.props.postTypes }
 					response={ this.props.response }
+					showLogo={ this.props.showLogo }
 					widgets={ this.props.widgets }
 				/>