Breaking News

New Updates

icon

font awesome play circle icon

fa fa-play-circle


fontawesome.com 4.7 only support

increase icon size using inline css

<p>
		<i class="fa fa-play-circle"></i>
		<i class="fa fa-play-circle" style="font-size:20px"></i>
		<i class="fa fa-play-circle" style="font-size:30px"></i>
		<i class="fa fa-play-circle" style="font-size:40px"></i>
		<i class="fa fa-play-circle" style="font-size:50px"></i>
	</p>
	


increase icon size using font awesome classes

	<p>
		<i class="fa fa-play-circle"></i>
		<i class="fa fa-play-circle fa-2x"></i>
		<i class="fa fa-play-circle fa-3x"></i>
		<i class="fa fa-play-circle fa-4x"></i>
		<i class="fa fa-play-circle fa-5x"></i>
	</p>


change icon color using inline css

	<p>
		<i class="fa fa-play-circle"></i>
		<i class="fa fa-play-circle fa-2x" style="color:red"></i>
		<i class="fa fa-play-circle fa-3x" style="color:blue"></i>
		<i class="fa fa-play-circle fa-4x" style="color:green"></i>
	</p>


use icon with html button tag

<p><button><i class="fa fa-play-circle" style="font-size:20px"></i> button</button></p>


spin icon using font awesome fa-spin class

<p><i class="fa fa-play-circle fa-spin" style="font-size:30px"></i></p>


using unicode

<p><i class="fa" style="font-size:25px"> &#xf144; </i></p>




icon8

No comments