Add our own icons

#body-user #header,

#body-settings #header,

#body-public #header {

	background-color: #745bca;

	background-color: #AFAFAF;

}

/* log in screen background color */

/* gradient of the header color and a brighter shade */

/* can also be a flat color or an image */

#body-login {

	background: #745bca; /* Old browsers */

	background: -moz-linear-gradient(top, #947bea 0%, #745bca 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#947bea), color-stop(100%,#745bca)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, #947bea 0%,#745bca 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #947bea 0%,#745bca 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, #947bea 0%,#745bca 100%); /* IE10+ */

	background: linear-gradient(top, #947bea 0%,#745bca 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#947bea', endColorstr='#745bca',GradientType=0 ); /* IE6-9 */

    background-color: #AFAFAF !important;

}

/* primary action button, use sparingly */

input[type="button"].primary:active,

button.primary:active,

.button.primary:active {

	border-color: #745bca;

	background-color: #947bea;

	border-color: #000;

	background-color: #AFAFAF;

}

.primary:hover,

input[type="submit"].primary:hover,

input[type="button"].primary:focus,

button.primary:focus,

.button.primary:focus {

	background-color: #8b75e4;

	background-color: #999999;

}

.primary:active, input[type="submit"].primary:active, input[type="button"].primary:active, button.primary:active, .button.primary:active,

.primary:disabled, input[type="submit"].primary:disabled, input[type="button"].primary:disabled, button.primary:disabled, .button.primary:disabled,

.primary:disabled:hover, input[type="submit"].primary:disabled:hover, input[type="button"].primary:disabled:hover, button.primary:disabled:hover, .button.primary:disabled:hover,

.primary:disabled:focus, input[type="submit"].primary:disabled:focus, input[type="button"].primary:disabled:focus, button.primary:disabled:focus, .button.primary:disabled:focus {

	background-color: #745bca;

	background-color: #999999;

}

/* use logos from theme */

#header .logo,

#firstrunwizard .logo {

	background-image: url('../img/logo.svg');

	background-image: url('../img/logo.png');

	width: 256px;

	height: 128px;

}

<svg xmlns="http://www.w3.org/2000/svg" height="128" width="128" viewBox="0 0 128 128"><rect rx="20" ry="20" height="128" width="128" fill="#745bca"/><path d="M64 24a36 36 0 0 0-35.758 32.016A20 20 0 0 0 28 56 20 20 0 0 0 8 76a20 20 0 0 0 20 20h68a24 24 0 0 0 24-24 24 24 0 0 0-22.07-23.906A36 36 0 0 0 64 24zm0 12a24 24 0 0 1 24 24 24 24 0 0 1-24 24 24 24 0 0 1-24-24 24 24 0 0 1 24-24z" fill="#fff"/></svg>

 No newline at end of file