Edit in JSFiddle

<span class="ss-phone flip">Hello this is dog</span>

<span class="ss-icon flip">search</span>

span {
    font-size: 22px;
    font-family: Helvetica, sans-serif;
    color: #aaaaaa;
    margin-right: 20px;
}

.ss-phone:before {
    color: #866cba;
    margin-right: 7px;
    display: inline-block;
}

.ss-icon {
    color: #866cba;
    display: inline-block;
}

.flip, .flip:before {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}