<i class="ot24 ot24-camera-2"></i> <!-- using an <i> element to reference the icon -->
<span class="ot24 ot24-camera-2"></span> <!-- using a <span> element to reference the icon -->

<i class="ot24 ot24-camera-2 ot24-10px"></i> <!-- Icon Size is 10px -->
<i class="ot24 ot24-camera-2 ot24-20px"></i> <!-- Icons Size is 20px -->
<i class="ot24 ot24-camera-2 ot24-50px"></i> <!-- Icon Size is 50px -->
<i class="ot24 ot24-camera-2 ot24-100px"></i> <!-- Icons Size is 100px -->
<i class="ot24 ot24-camera-2 ot24-200px"></i> <!-- Icon Size is 200px -->
<i class="ot24 ot24-camera-2 ot24-300px"></i> <!-- Icons Size is 300px -->
<i class="ot24 ot24-camera-2 ot24-400px"></i> <!-- Icon Size is 400px -->
<i class="ot24 ot24-camera-2 ot24-500px"></i> <!-- Icons Size is 500px -->

<i class="ot24-free-delivery ot24-red"></i> <!-- Fill Red Color -->
<i class="ot24-free-delivery ot24-green"></i> <!-- Fill Green color -->
<i class="ot24-free-delivery ot24-blue"></i> <!-- Fill Blue Color -->
<i class="ot24-free-delivery ot24-darkblue"></i> <!-- Fill Dark Blue color -->
<i class="ot24-free-delivery ot24-purple"></i> <!-- Fill Purple Color -->
<i class="ot24-free-delivery ot24-purple2"></i> <!-- Fill Purple color -->
<i class="ot24-free-delivery ot24-brown"></i> <!-- Fill Brown Color -->
<i class="ot24-free-delivery ot24-gray"></i> <!-- Fill Gray color -->
<i class="ot24-free-delivery ot24-lightgray"></i> <!-- Fill Light Gray Color -->
<i class="ot24-free-delivery ot24-white"></i> <!-- Fill White color -->

<i class="ot24-coupon ot24-0deg"></i> <!-- 0 Degree Rotate -->
<i class="ot24-coupon ot24-45deg"></i> <!-- 45 Degree Rotate -->
<i class="ot24-coupon ot24-90deg"></i> <!-- 90 Degree Rotate -->
<i class="ot24-coupon ot24-140deg"></i> <!-- 140 Degree Rotate -->
<i class="ot24-coupon ot24-180deg"></i> <!-- 180 Degree Rotate -->
<i class="ot24-coupon ot24-224deg"></i> <!-- 224 Degree Rotate -->
<i class="ot24-coupon ot24-280deg"></i> <!-- 280 Degree Rotate -->
<i class="ot24-coupon ot24-320deg"></i> <!-- 320 Degree Rotate -->