Top 9 Websites using ICON-ZOOM-IN
أخبار اليوم - أخبار سكاي نيوز عربية
Обои для рабочего стола, скачать бесплатные обои и картинки на рабочий стол, заставки The Official Website of the State of Arkansas
جـ ـ‌ ـ ـ ـار » صفحــــه یک - The best Instagram Web Viewer
Free Shopping Cart Application and Open Source Ecommerce Solution
Tasty Query - food blogs recipes search engine
MEDIA24BY7 INDIA - Media of India, Indian Media, Bollywood News, Movies, Videos, Latest News, Top Headlines, Online news, Top stories, India news, World news, Bollywood news, Entertainment news, Business news, Sports news, Technology news, Auto news, Live updates, News analysis, Views, Comments, Prime Minister Narendra Modi, Union Budget 2015, Finance Minister Arun Jaitley, Budget Session, Arvind Kejriwal, Anna Hazare, Cricket World Cup 2015, Virat Kohli, MS Dhoni, Team India, Black Money case, Coal scam
مجلة سعودي موتورز | الرئيسية


Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-zoom-in"></i> icon-zoom-in
Icon classes are echoed via CSS :before.





To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-zoom-in icon-large"></i> icon-zoom-in</p>
<p><i class=" icon-zoom-in icon-2x"></i> icon-zoom-in</p>
<p><i class=" icon-zoom-in icon-3x"></i> icon-zoom-in</p>
<p><i class=" icon-zoom-in icon-4x"></i> icon-zoom-in</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-zoom-in"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-zoom-in icon-spin"></i>to easily replace lists</li>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-zoom-in icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.


To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-zoom-in"></i>  normal<br>
<i class=" icon-zoom-in icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-zoom-in icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-zoom-in icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-zoom-in icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-zoom-in icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-zoom-in icon-2x icon-spin"></i>
<i class=" icon-zoom-in icon-3x icon-spin"></i>
<i class=" icon-zoom-in icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-zoom-in on icon-check-empty
icon-zoom-in on icon-circle
icon-zoom-inl on icon-sign-blank
icon-ban-circle on icon-zoom-in

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-zoom-in "></i>
icon-zoom-in on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-zoom-in icon-light"></i>
icon-zoom-in on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-zoom-in icon-light "></i>
icon-zoom-in on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-zoom-in icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
icon-ban-circle on icon-zoom-in
  • 172 websites use icon-zoom-in font awesome icon
  • Font Awesome usage statistics of icon-zoom-in are based on first landing page and within top 1M websites only. Click the website url to see all Font Awesome icons used by it.