IT
Eng
ES
Breaking News
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Icon Styles
<div class="col-12 col-lg-12 col-md-10">
<div class="heading-1">
<h2>Icons Style</h2> </div>
<div class="icons">
<ul>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 14 14" style="enable-background:new 0 0 14 14;" xml:space="preserve">
<title>call</title>
<path class="st0" d="M8.7,10C6.9,8.7,5.3,7.1,4,5.3l1.4-1.4c0.4-0.4,0.4-1.2,0-1.6c0,0,0,0,0,0l-1.9-2C3-0.1,2.3-0.1,1.8,0.3
L0.4,1.7c-2.8,2.8,9,14.7,11.8,11.9l1.4-1.4c0.4-0.4,0.4-1.2,0-1.6c0,0,0,0,0,0l-2-2c-0.4-0.4-1.1-0.4-1.6,0c0,0,0,0,0,0L8.7,10z" /> </svg>
</li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.16 19.81">
<title>mail</title>
<path d="M24.58,6.09H7.42a4,4,0,0,0-4,4V21.91a4,4,0,0,0,4,4H24.58a4,4,0,0,0,4-4V10.09A4,4,0,0,0,24.58,6.09Zm2,15.82a2,2,0,0,1-2,2H7.42a2,2,0,0,1-2-2V10.09a2,2,0,0,1,2-2H24.58a2,2,0,0,1,2,2ZM24.16,10.4a1,1,0,0,1,0,1.41l-6.06,5.74a3,3,0,0,1-4.12,0L7.88,11.81a1,1,0,0,1,1.35-1.47l0,0,6.05,5.74a1,1,0,0,0,1.38,0l6-5.74a1,1,0,0,1,1.42,0Z" transform="translate(-3.42 -6.09)" />
</svg>
</li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.05 24.04">
<title>search</title>
<path d="M17.74,16.33a10,10,0,1,0-1.41,1.41l6,6a1,1,0,0,0,1.41,0h0a1,1,0,0,0,0-1.41h0ZM10,18a8,8,0,1,1,8-8A8,8,0,0,1,10,18Z" transform="translate(0 0)" />
</svg>
</li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s"> <i class="fab fa-facebook-f"></i> </li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s"> <i class=" fab fa-twitter"></i> </li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s"> <i class=" fab fa-instagram"></i> </li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.96 17.27">
<title>dropdown_arrow</title>
<path d="M50,58.62h0A2.24,2.24,0,0,1,48.43,58L35.64,45.18A2.24,2.24,0,1,1,38.79,42h0L50,53.25,61.21,42a2.23,2.23,0,0,1,3.15,3.15L51.57,58A2.24,2.24,0,0,1,50,58.62Z" transform="translate(-34.98 -41.35)" />
</svg>
</li>
<li class="xl-icon wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 694.78 296.45">
<defs></defs>
<title>left-arrow</title>
<path class="cls-1" d="M81,404,250,281c19-12,29-5,31,16v88H740a31.16,31.16,0,0,1,31,31h0a31.16,31.16,0,0,1-31,31H281v96c-1,30-11,34-31,23L82,426C75,420,74,413,81,404Z" transform="translate(-76.2 -275.11)" />
</svg>
</li>
<li class="xl-icon wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 694.78 296.45">
<defs></defs>
<title>right_arrow</title>
<path class="cls-1" d="M766.22,442.74l-169,123c-19,12-29,5-31-16v-88h-459a31.16,31.16,0,0,1-31-31h0a31.16,31.16,0,0,1,31-31h459v-96c1-30,11-34,31-23l168,140C772.22,426.74,773.22,433.74,766.22,442.74Z" transform="translate(-76.22 -275.15)" />
</svg>
</li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s"> <i class=" fab fa-youtube "></i> </li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9">
<title>tag-1</title>
<path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)" />
</svg>
</li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 30">
<title>tag</title>
<path d="M26,1H6A1,1,0,0,0,5,2V7H18a1,1,0,0,1,0,2H5V30a1,1,0,0,0,1.51.86L16,25.17l9.49,5.69A1,1,0,0,0,26,31a1,1,0,0,0,.49-.13A1,1,0,0,0,27,30V2A1,1,0,0,0,26,1Z" transform="translate(-5 -1)" />
</svg>
</li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s"> <i class="fas fa-calendar"></i> </li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s"> <i class="fab fa-pinterest-p"></i> </li>
<li class="xl-icon wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30.051 30.051" style="enable-background:new 0 0 30.051 30.051;" xml:space="preserve">
<g>
<path d="M19.982,14.438l-6.24-4.536c-0.229-0.166-0.533-0.191-0.784-0.062c-0.253,0.128-0.411,0.388-0.411,0.669v9.069
c0,0.284,0.158,0.543,0.411,0.671c0.107,0.054,0.224,0.081,0.342,0.081c0.154,0,0.31-0.049,0.442-0.146l6.24-4.532
c0.197-0.145,0.312-0.369,0.312-0.607C20.295,14.803,20.177,14.58,19.982,14.438z" />
<path d="M15.026,0.002C6.726,0.002,0,6.728,0,15.028c0,8.297,6.726,15.021,15.026,15.021c8.298,0,15.025-6.725,15.025-15.021
C30.052,6.728,23.324,0.002,15.026,0.002z M15.026,27.542c-6.912,0-12.516-5.601-12.516-12.514c0-6.91,5.604-12.518,12.516-12.518
c6.911,0,12.514,5.607,12.514,12.518C27.541,21.941,21.937,27.542,15.026,27.542z" /> </g>
</svg>
</li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 522.05 384">
<title>quote</title>
<path id="path-1" d="M208,226.23H33.62c8.08-71.8,68.45-128,142.38-128h16v-32H176c-97,0-176,79-176,176v192a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16v-192A16,16,0,0,0,208,226.23Zm-16,192H32v-160H192Z" transform="translate(0 -66.23)" />
<path id="path-1-2" data-name="path-1" d="M506.05,226.23H331.67c8.08-71.8,68.45-128,142.38-128h16v-32h-16c-97,0-176,79-176,176v192a16,16,0,0,0,16,16h192a16,16,0,0,0,16-16v-192A16,16,0,0,0,506.05,226.23Zm-16,192h-160v-160h160Z" transform="translate(0 -66.23)" />
</svg>
</li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 80">
<path id="Icon_material-location-on" data-name="Icon material-location-on" d="M35,3A27.733,27.733,0,0,0,7.5,31C7.5,52,35,83,35,83S62.5,52,62.5,31A27.733,27.733,0,0,0,35,3Zm0,38a10,10,0,1,1,9.821-10A9.916,9.916,0,0,1,35,41Z" transform="translate(-7.5 -3)" /> </svg>
</li>
<li class="xl-icon wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105.823 104.652">
<g id="Icon_feather-send" data-name="Icon feather-send" transform="translate(52.326 -1.414) rotate(45)">
<path id="Path_210" data-name="Path 210" d="M55.326,3,16.5,41.826" transform="translate(17.674 0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" />
<path id="Path_211" data-name="Path 211" d="M73,3,48.5,73l-14-31.5L3,27.5Z" transform="translate(0 0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" /> </g>
</svg>
</li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s"> <i class="fab fa-behance"></i> </li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.34 30.03">
<defs> </defs>
<title>dropdown_arrow-left</title>
<path class="cls-1" d="M6.31,17.4h0A2.27,2.27,0,0,0,6.93,19L19.75,31.76a2.24,2.24,0,1,0,3.31-3,.86.86,0,0,0-.13-.14h0L11.68,17.4,22.93,6.19A2.23,2.23,0,0,0,19.78,3L6.93,15.83A2.29,2.29,0,0,0,6.31,17.4Z" transform="translate(-6.31 -2.46)" />
</svg>
</li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.34 30.03">
<defs></defs>
<title>dropdown_arrow-right</title>
<path class="cls-1" d="M23.65,17.4h0A2.27,2.27,0,0,1,23,19L10.21,31.76a2.24,2.24,0,1,1-3.31-3A.86.86,0,0,1,7,28.61H7L18.28,17.4,7,6.19A2.23,2.23,0,0,1,10.18,3L23,15.83A2.29,2.29,0,0,1,23.65,17.4Z" transform="translate(-6.31 -2.46)" />
</svg>
</li>
<li class="wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<svg xmlns="http://www.w3.org/2000/svg" width="70" height="80" viewBox="0 0 70 80">
<path id="Polygon_1" data-name="Polygon 1" d="M40,0,80,70H0Z" transform="translate(70) rotate(90)" fill="#fff" /> </svg>
</li>
</ul>
</div>
</div>