How to rotate 180 deg a fontawesome icon?

Question

can any one tell me that how can i rotate a font awesome icon 180 degree. Actually i want to use a truck icon which is directed to right side but i found it left side rotated.

For ex:- <i class="fa fa-truck"></i>

Thermogenesis

The rotate() CSS function defines a transformation that rotates an element around a fixed point. – Suzerainty

seriously ? is it difficult to first ask google ? ... – Ama

Answer 1

This helped me:

.fa {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

Cassaba

Answer 2

Use transform css to achieve this:

.fa {
  transform: rotateZ(180deg);
}

Beatify

yes it will work, try this, you can add browser prefixes if you want – Beatify

Answer 3

Just add the class 'fa-rotate-180'

Faxan

Answer 4

You can use the transform css option combine it with rotate() function. See it in action

Adalia

that example does not do anything – Pinnate

@Pinnate it actually does! It rotates the icon with CSS. Go to the CSS tab and comment out the code to see the difference – Adalia