search.svg

searchform.php

<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
	<label>
	    <span class="screen-reader-text">Search for:</span>
	    <input type="search" class="search-field" placeholder="Search" value="" name="s" title="Search for:" />
	</label>
	<input type="submit" class="search-submit" value="Search" />
</form>

style.less

.search-container {
	clear:left;
	float:right;
	position:relative;
	input[type="search"] {
		width:auto;
		.margin(0 auto);
		border:1px solid #c08e40;
		border-radius: 5px;
		.padding(0 0 0 10px);
		font-weight: normal;
		.line-height(42px);
		.height(42px);
		.font-size(18px);
	}
	input[type="submit"] {
		position:absolute;
		.margin(auto);
		.width(42px);
		.padding(0);
		//.line-height(1.5);
		.line-height(40px);
		.height(40px);
		.font-size(18px);
		.top(1px);
		.right(1px);
		border-radius: 4px;
		background-color:#fff;
		color:#fff;
		border:none;
		background-image:url(search.svg);
		background-repeat:no-repeat;
		background-position:center;
		cursor:pointer;
		text-indent:999em;
	}
	input[type="submit"]:hover {
		background-color:#c08e40;
	}
}