mekuma-inc
1/3/2020 - 6:22 AM

Icons Hover Effects SLIDE DOWN

<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-christmas-005 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-christmas-005 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-christmas-017 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-christmas-017 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-christmas-021 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-christmas-021 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-christmas-038 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-christmas-038 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-christmas-037 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-christmas-037 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-christmas-043 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-christmas-043 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-christmas-079 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-christmas-079 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-christmas-083 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-christmas-083 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-clothes-014 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-clothes-014 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-clothes-028 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-clothes-028 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-clothes-016 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-clothes-016 u-line-icon-pro u-icon__elem-hover"></i>
</span>

<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-communication-002 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-communication-002 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-communication-005 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-communication-005 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-communication-010 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-communication-010 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-communication-011 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-communication-011 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-communication-025 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-communication-025 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-communication-017 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-communication-017 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-communication-054 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-communication-054 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-communication-044 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-communication-044 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-education-001 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-education-001 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-education-002 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-education-002 u-line-icon-pro u-icon__elem-hover"></i>
</span>
<span class="u-icon-v2 g-rounded-3 u-icon-slide-down--hover g-mr-15 g-mb-15">
  <i class="icon-education-004 u-line-icon-pro u-icon__elem-regular"></i>
  <i class="icon-education-004 u-line-icon-pro u-icon__elem-hover"></i>
</span>