Icon Style
<section class="icons elements">
<div class="container">
<div class="icons-block">
<h2>Icon Style </h2>
<div class="icon1">
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Search Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40879" d="M230.817,152.136,194.072,115.41a63.161,63.161,0,1,0-8.806,8.778l36.713,36.726a6.228,6.228,0,0,0,8.837-8.778ZM195.885,75.586a50.4,50.4,0,1,1-50.4-50.415A50.46,50.46,0,0,1,195.885,75.586Z" transform="translate(-82.631 -12.74)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Down-Arrow">
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="150" viewBox="0 0 240 150">
<path data-name="Path 40880" d="M120,150l-12.012-12.283L0,26.734,24.025,0,120,98.695,215.975,0,240,26.734,132.016,137.717Z" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Up Arrow Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="150" viewBox="0 0 240 150">
<path data-name="Path 40881" d="M120,0,107.984,12.283,0,123.266,24.025,150,120,51.305,215.975,150,240,123.266,132.016,12.283Z" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Left Arrow Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="240" viewBox="0 0 150 240">
<path data-name="Path 40882" d="M120,150l-12.012-12.283L0,26.734,24.025,0,120,98.695,215.975,0,240,26.734,132.016,137.717Z" transform="translate(150) rotate(90)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Right-Arrow Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="240" viewBox="0 0 150 240">
<path data-name="Path 40883" d="M120,0,107.984,12.283,0,123.266,24.025,150,120,51.305,215.975,150,240,123.266,132.016,12.283Z" transform="translate(150) rotate(90)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Video icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40884" d="M201,56a75,75,0,1,0,75,75A75.057,75.057,0,0,0,201,56Zm0,7.5A67.5,67.5,0,1,1,133.5,131,67.444,67.444,0,0,1,201,63.5Zm-20.626,33.75v67.5L236.624,131Z" transform="translate(-126 -56)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Tick-Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="175" height="150" viewBox="0 0 175 150">
<path data-name="Path 40891" d="M298.891,294.09a16.137,16.137,0,0,0-22.9.746,16.375,16.375,0,0,0,.737,23.046l51.852,48.912a16.137,16.137,0,0,0,23.871-1.888L443.19,247.517a16.372,16.372,0,0,0-2.844-22.881,16.133,16.133,0,0,0-22.736,2.861L337.775,330.77Z" transform="translate(-271.604 -221.201)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Square icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150.005" height="150" viewBox="0 0 150.005 150">
<path data-name="Union 74" d="M0,150l0-45.945H14.383v31.562H45.944V150Zm104.055,0V135.616h31.562l0-31.56H150V150ZM0,45.946,0,0H45.946V14.384H14.384V45.946Zm135.619,0V14.383H104.059V0H150l0,45.945Z" transform="translate(0.001)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="settings-Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="188" height="150" viewBox="0 0 188 150">
<g data-name="Group 40414" transform="translate(13516 13023.969)">
<path d="M110.273,75.625A14.031,14.031,0,0,0,96.252,89.584v122.08a14.031,14.031,0,0,0,14.021,13.961H270.231a14.031,14.031,0,0,0,14.021-13.961V89.584a14.031,14.031,0,0,0-14.021-13.959Zm0,6.422H270.231a7.453,7.453,0,0,1,7.539,7.537v21.392H102.735V89.584a7.453,7.453,0,0,1,7.539-7.537Zm12.849,4.877a9.588,9.588,0,1,0,9.642,9.6A9.658,9.658,0,0,0,123.121,86.924Zm24.041,0a9.588,9.588,0,1,0,9.643,9.6A9.658,9.658,0,0,0,147.162,86.924Zm24.066,0a9.588,9.588,0,1,0,9.642,9.6A9.678,9.678,0,0,0,171.228,86.924Zm-48.106,6.423a3.27,3.27,0,0,1,3.159,3.177,3.159,3.159,0,0,1-6.318,0A3.275,3.275,0,0,1,123.122,93.347Zm24.041,0a3.27,3.27,0,0,1,3.159,3.177,3.159,3.159,0,0,1-6.318,0A3.275,3.275,0,0,1,147.164,93.347Zm24.066,0a3.271,3.271,0,0,1,3.159,3.177,3.171,3.171,0,0,1-6.342,0A3.3,3.3,0,0,1,171.23,93.347ZM102.738,117.4H277.774v94.267a7.452,7.452,0,0,1-7.539,7.539h-8.6V208.536h0a3.226,3.226,0,0,0-3.241-3.211H247.617a59.558,59.558,0,0,0-4.678-11.247l7.648-7.628a3.19,3.19,0,0,0,0-4.527l-19.7-19.63a3.262,3.262,0,0,0-4.6,0l-7.627,7.606a59.959,59.959,0,0,0-11.239-4.647V154.482a3.2,3.2,0,0,0-.949-2.271,3.258,3.258,0,0,0-2.292-.94H176.329a3.228,3.228,0,0,0-3.241,3.211v10.761a59.947,59.947,0,0,0-11.241,4.656l-7.626-7.6a3.262,3.262,0,0,0-4.6,0l-19.7,19.63h0a3.19,3.19,0,0,0,0,4.527l7.651,7.628a59.532,59.532,0,0,0-4.67,11.247H122.119a3.227,3.227,0,0,0-3.241,3.211V219.2h-8.6a7.453,7.453,0,0,1-7.539-7.539Zm76.834,40.293h21.369v9.99h0a3.214,3.214,0,0,0,2.437,3.109,53.569,53.569,0,0,1,14.173,5.863,3.262,3.262,0,0,0,3.966-.489l7.073-7.053L243.72,184.19l-7.1,7.081a3.189,3.189,0,0,0-.493,3.9,53.215,53.215,0,0,1,5.884,14.153,3.236,3.236,0,0,0,3.143,2.425h10V219.2H219.837a29.766,29.766,0,0,0-59.165,0H125.36v-7.453h10.008a3.238,3.238,0,0,0,3.144-2.427,53.226,53.226,0,0,1,5.873-14.153,3.191,3.191,0,0,0-.493-3.9l-7.1-7.081,15.128-15.076,7.075,7.053a3.264,3.264,0,0,0,3.968.489,53.492,53.492,0,0,1,14.171-5.873h0a3.218,3.218,0,0,0,2.435-3.111Zm10.685,41.493A23.259,23.259,0,0,1,213.309,219.2h-46.1a23.259,23.259,0,0,1,23.053-20.016Z" transform="translate(-13612.252 -13099.594)" fill="#1a1a1a"/>
</g>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Progress-Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="138" height="150" viewBox="0 0 138 150">
<path data-name="Union 76" d="M17609.807,8853.414a19.253,19.253,0,0,1-10.217-16.73v-18.355a52.457,52.457,0,0,1-27.428-24.191,48.372,48.372,0,0,1-3.982-35.34l4.932,1.207a43.689,43.689,0,0,0,3.975,32.656,47.478,47.478,0,0,0,25.969,21.75,2.447,2.447,0,0,1,1.646,2.277v5.5h30.549v-5.477a2.411,2.411,0,0,1,1.693-2.262,47.762,47.762,0,0,0,26.111-22.359,43.643,43.643,0,0,0,3.246-33.207,46.428,46.428,0,0,0-21.32-26.535,50.773,50.773,0,0,0-34.672-5.809l-1.012-4.828a58.335,58.335,0,0,1,13.619-.941,55.123,55.123,0,0,1,36.178,16.254,49.868,49.868,0,0,1,14.412,35.418,48.706,48.706,0,0,1-9.3,27.668,52.748,52.748,0,0,1-23.844,18.219v18.355a19.219,19.219,0,0,1-10.193,16.73,21.337,21.337,0,0,1-20.363,0Zm1.348-4.91a15.963,15.963,0,0,0,17.658,0,14.858,14.858,0,0,0,5.582-6.992H17605.6A14.665,14.665,0,0,0,17611.154,8848.5Zm-6.453-11.82h30.549v-9.664H17604.7Zm-35.1-20.883,7.293-6.969,3.686,3.484-7.3,6.977Zm89.818-3.484,3.686-3.484,7.268,6.969-3.646,3.48Zm-22.881-23.852V8766.3h5.2v22.168Zm-25.49-.023v-19.7h5.137v19.7Zm12.758-.062V8773.6h5.15v14.777Zm-25.539,0v-12.324h5.16v12.324Zm80.387-14.582v-4.926H17689v4.926Zm-127.65,0v-4.926h10.342v4.926Zm45.563-6.855,15.533-9.863a2.691,2.691,0,0,1,2.721,0l11.676,6.605,14.168-8.984,2.752,4.16-15.525,9.848a2.7,2.7,0,0,1-2.744,0l-11.564-6.672-14.168,9Zm-14.912-9.211a4.383,4.383,0,0,1-3-1.145,4.13,4.13,0,0,1-1.4-2.852v-.539a16.883,16.883,0,0,1-3.2-1.73l-.676.379a4.64,4.64,0,0,1-3.27.375,4.344,4.344,0,0,1-2.658-1.879l-2.932-4.73a3.779,3.779,0,0,1-.479-3.129,4.276,4.276,0,0,1,2.094-2.664l.564-.293v-3.2l-.564-.285a4.289,4.289,0,0,1-2.094-2.469,3.779,3.779,0,0,1,.479-3.129l2.932-4.613a4.416,4.416,0,0,1,2.658-1.875,4.579,4.579,0,0,1,3.27.379l.676.367a16.639,16.639,0,0,1,3.2-1.723v-.543a4.078,4.078,0,0,1,1.311-2.918,4.438,4.438,0,0,1,3.082-1.2h5.832a4.444,4.444,0,0,1,3.09,1.2,4,4,0,0,1,1.326,2.918v.543a19.43,19.43,0,0,1,3.2,1.723l.666-.352a4.6,4.6,0,0,1,3.277-.414,4.318,4.318,0,0,1,2.643,1.895l2.932,4.754a3.785,3.785,0,0,1,.463,3.16,4.208,4.208,0,0,1-2.094,2.453l-.525.3v3.2l.525.3a4.227,4.227,0,0,1,2.094,2.457,3.776,3.776,0,0,1-.463,3.156l-2.932,4.6a4.37,4.37,0,0,1-2.643,1.895,4.612,4.612,0,0,1-3.277-.387l-.666-.367a17.97,17.97,0,0,1-3.2,1.723v.543a4.037,4.037,0,0,1-1.326,2.918,4.533,4.533,0,0,1-3.09,1.2Zm-7.215-11.4a4.83,4.83,0,0,1,2.393.824,13.575,13.575,0,0,0,2.791,1.512,4.156,4.156,0,0,1,2.023,1.5,3.87,3.87,0,0,1,.791,2.336v.3h4.516v-.3a4.3,4.3,0,0,1,.785-2.336,4.353,4.353,0,0,1,2.031-1.5,12.281,12.281,0,0,0,2.807-1.512,4.794,4.794,0,0,1,2.375-.824,4.865,4.865,0,0,1,2.5.5l.439.246,2.055-3.246-.26-.148a4.035,4.035,0,0,1-1.771-1.734,3.74,3.74,0,0,1-.393-2.379v-1.559c-.062-.523-.148-1.035-.242-1.543a3.718,3.718,0,0,1,.422-2.387,4.29,4.29,0,0,1,1.8-1.734l.242-.152-2.039-3.246-.445.25a4.767,4.767,0,0,1-2.5.512,4.56,4.56,0,0,1-2.352-.836,13.192,13.192,0,0,0-2.848-1.5,4.277,4.277,0,0,1-2.006-1.512,3.869,3.869,0,0,1-.8-2.332v-.293h-4.281v.293a3.884,3.884,0,0,1-.814,2.332,4.082,4.082,0,0,1-2.016,1.512,13.248,13.248,0,0,0-2.807,1.5,4.658,4.658,0,0,1-2.455.863,4.721,4.721,0,0,1-2.51-.539l-.453-.25-2.07,3.246.258.152a4.1,4.1,0,0,1,1.789,1.734,3.844,3.844,0,0,1,.438,2.387v1.543h-.047a7.316,7.316,0,0,0,.174,1.559,3.674,3.674,0,0,1-.455,2.379,4.118,4.118,0,0,1-1.789,1.734l-.219.148,2.008,3.246.479-.246a4.714,4.714,0,0,1,2.133-.52C17574.232,8746.313,17574.342,8746.32,17574.436,8746.328Zm3.443-2.687a8.373,8.373,0,0,1,0-12.2,9.372,9.372,0,0,1,12.787,0,8.34,8.34,0,0,1,0,12.2,9.372,9.372,0,0,1-12.787,0Zm2.516-6.09a3.712,3.712,0,0,0,2.385,3.406,4.024,4.024,0,0,0,4.227-.8,3.569,3.569,0,0,0,.861-4.031,3.945,3.945,0,0,0-3.615-2.277A3.777,3.777,0,0,0,17580.395,8737.551Zm79.021-6.863,7.283-6.961,3.67,3.477-7.291,6.973Zm-42.012-14.844V8706h5.184v9.844Z" transform="translate(-17551 -8706)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Prediction Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40906" d="M275.472,188.158l-40.948-40.983a56.784,56.784,0,0,0,8.915-30.533,50.78,50.78,0,0,0-.272-5.524,3.568,3.568,0,1,0-7.095.761,44.576,44.576,0,0,1,.23,4.762,49.889,49.889,0,0,1-89.822,30.019L173.852,119.3l18.888,18.908a3.566,3.566,0,0,0,5.045,0l44.972-45.011,2.823,2.837a5.35,5.35,0,0,0,9.113-3.158L257.43,69.29a5.354,5.354,0,0,0-5.933-5.941l-23.564,2.741a5.36,5.36,0,0,0-3.157,9.121l2.836,2.825L195.265,110.42,176.375,91.506a3.667,3.667,0,0,0-5.045,0l-34.093,34.156a49.81,49.81,0,0,1,49.1-59.028A49.222,49.222,0,0,1,208.815,72a3.572,3.572,0,0,0,3.235-6.369,56.254,56.254,0,0,0-25.7-6.138,57.148,57.148,0,1,0,30.489,105.374l40.961,41a12.506,12.506,0,0,0,17.667-17.706ZM173.851,99.082l18.888,18.9a3.566,3.566,0,0,0,5.045,0l37.4-37.432h0a3.573,3.573,0,0,0,0-5.057l-2.748-2.74L250.085,70.7l-2.05,17.669-2.74-2.755a3.562,3.562,0,0,0-5.05-.005l-44.982,45.014-18.891-18.907a3.569,3.569,0,0,0-5.045,0l-28.847,28.837a49.78,49.78,0,0,1-3.081-6.963Zm96.585,101.706a5.411,5.411,0,0,1-7.594.013l-40.122-40.157a57.956,57.956,0,0,0,7.587-7.593l40.108,40.14a5.419,5.419,0,0,1,.02,7.594Z" transform="translate(-129.11 -59.49)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Double-Quates-Left">
<svg xmlns="http://www.w3.org/2000/svg" width="210" height="150" viewBox="0 0 210 150">
<path data-name="Union 75" d="M119.391,137.721a13.416,13.416,0,0,1,9.134-13.956l.412-.126a52.351,52.351,0,0,0,28.709-22.411c-26.019-1.251-46.758-23.364-46.758-50.551C110.888,22.687,132.864,0,159.974,0c25.656,0,46.709,20.36,48.866,46.273a23.092,23.092,0,0,1,.533,3.1l.19,2.079a96.4,96.4,0,0,1-3.415,36.267,91.083,91.083,0,0,1-16.16,31.166c-14.341,18.084-35.442,29.214-56.545,31.065q-.562.049-1.116.049A13.157,13.157,0,0,1,119.391,137.721Zm-110.887,0a13.415,13.415,0,0,1,9.134-13.956l.412-.126A52.352,52.352,0,0,0,46.76,101.228C20.74,99.978,0,77.864,0,50.677,0,22.687,21.977,0,49.087,0,74.743,0,95.8,20.36,97.952,46.273a23.1,23.1,0,0,1,.533,3.1l.191,2.079A96.4,96.4,0,0,1,95.26,87.721,91.089,91.089,0,0,1,79.1,118.886C64.759,136.971,43.658,148.1,22.556,149.951q-.562.049-1.116.049A13.157,13.157,0,0,1,8.5,137.721Z" transform="translate(-0.001)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Double-Quates-Right">
<svg xmlns="http://www.w3.org/2000/svg" width="210" height="150" viewBox="0 0 210 150">
<path data-name="Union 77" d="M119.39,12.279a13.416,13.416,0,0,0,9.134,13.956l.412.126a52.351,52.351,0,0,1,28.709,22.411c-26.019,1.251-46.758,23.364-46.758,50.551,0,27.99,21.976,50.677,49.086,50.677,25.656,0,46.709-20.36,48.866-46.273a23.094,23.094,0,0,0,.533-3.1l.19-2.079a96.4,96.4,0,0,0-3.415-36.267,91.083,91.083,0,0,0-16.16-31.166C175.646,13.029,154.545,1.9,133.442.049Q132.88,0,132.326,0A13.157,13.157,0,0,0,119.39,12.279ZM8.5,12.279a13.415,13.415,0,0,0,9.134,13.956l.412.126A52.352,52.352,0,0,1,46.759,48.772C20.739,50.022,0,72.136,0,99.323,0,127.313,21.976,150,49.086,150c25.656,0,46.709-20.36,48.866-46.273a23.1,23.1,0,0,0,.533-3.1l.191-2.079a96.4,96.4,0,0,0-3.416-36.267A91.089,91.089,0,0,0,79.1,31.114C64.758,13.029,43.657,1.9,22.555.049Q21.993,0,21.439,0A13.157,13.157,0,0,0,8.5,12.279Z" transform="translate(210 150) rotate(180)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Diamond-Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="175" height="150" viewBox="0 0 175 150">
<path data-name="Path 40872" d="M3.333,57.206c.042.176.167.265.25.441a5.92,5.92,0,0,0,.5.882l83.373,97.059c.042.088.167.088.208.177a5.207,5.207,0,0,0,.959.75c.125.088.25.132.375.221a5.962,5.962,0,0,0,1.542.265,3.431,3.431,0,0,0,1.5-.353,1.665,1.665,0,0,0,.375-.221,3.2,3.2,0,0,0,.959-.75c.083-.088.167-.088.208-.176l83.373-97.059a3.656,3.656,0,0,0,.5-.882,1.487,1.487,0,0,0,.25-.441A4.277,4.277,0,0,0,178,55.529v-.044a1.352,1.352,0,0,0-.083-.4,5.052,5.052,0,0,0-.208-1.147,4.483,4.483,0,0,0-.333-.618c-.125-.176-.167-.4-.292-.618L143.734,8.588c-.042-.044-.125-.088-.167-.132a3.886,3.886,0,0,0-.917-.75,3.472,3.472,0,0,0-.5-.353c-.042-.044-.083-.088-.125-.088a2.931,2.931,0,0,0-1.209-.221c-.042.044-.125-.044-.25-.044H40.518c-.125,0-.25.088-.375.088a3.641,3.641,0,0,0-1.167.221c-.042,0-.083.088-.125.088a2.091,2.091,0,0,0-.5.353,3.887,3.887,0,0,0-.917.75c-.042.044-.125.088-.167.132L3.917,52.75a2.76,2.76,0,0,0-.292.618,4.483,4.483,0,0,0-.333.618,3.7,3.7,0,0,0-.208,1.147,1.352,1.352,0,0,0-.083.4v.044A4.383,4.383,0,0,0,3.333,57.206ZM16.59,59.941H54.274l25.137,73.1Zm73.952,79.721L63.154,59.941H117.93Zm11.13-6.618,25.137-73.1h37.685Zm40.1-112.985,23.47,31.059H130.06ZM134.4,15.824,122.682,46.882,99.212,15.824ZM115.22,51.118H65.863L90.542,18.471ZM81.871,15.824,58.4,46.882,46.687,15.824ZM39.309,20.059,51.023,51.118H15.839Z" transform="translate(-3 -7)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Tick-Icon-2">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Union 73" d="M17491.938,8506.02h0l-2.3-2.758a14.328,14.328,0,0,0-12.352-5.129h0l-3.594.316a22.249,22.249,0,0,1-24.156-24.137h0l.352-3.6a14.386,14.386,0,0,0-5.125-12.359l-2.758-2.289a22.186,22.186,0,0,1,0-34.129l2.758-2.289a14.39,14.39,0,0,0,5.125-12.359h0l-.352-3.6a22.249,22.249,0,0,1,24.156-24.137h-.008l3.6.309a14.3,14.3,0,0,0,12.352-5.125h0l2.3-2.754a22.23,22.23,0,0,1,34.125,0h0l2.3,2.754a14.316,14.316,0,0,0,12.367,5.125h-.016l3.6-.309a22.217,22.217,0,0,1,24.133,24.137h0l-.328,3.6a14.369,14.369,0,0,0,5.125,12.359l2.75,2.289a22.186,22.186,0,0,1,0,34.129l-2.75,2.289a14.365,14.365,0,0,0-5.125,12.359h0l.328,3.6a22.217,22.217,0,0,1-24.133,24.137h0l-3.586-.316a14.371,14.371,0,0,0-12.367,5.129v0l-2.3,2.754a22.223,22.223,0,0,1-34.125,0Zm-13.391-15.723a22.225,22.225,0,0,1,17.063,8h0l2.3,2.75a14.388,14.388,0,0,0,22.117,0l2.3-2.75a22.155,22.155,0,0,1,19.125-7.922l3.6.309a14.374,14.374,0,0,0,15.6-15.605l-.344-3.6a22.269,22.269,0,0,1,7.922-19.121l2.75-2.289.039-.121a14.373,14.373,0,0,0,0-22.109h0l-2.75-2.293a22.256,22.256,0,0,1-7.914-19.129l.344-3.594a14.39,14.39,0,0,0-15.609-15.609l-3.6.3a22.23,22.23,0,0,1-19.141-7.883h0l-2.281-2.75a14.4,14.4,0,0,0-22.125,0h0l-2.289,2.75a22.253,22.253,0,0,1-19.133,7.922l-3.586-.3a14.4,14.4,0,0,0-15.625,15.609l.352,3.59a22.218,22.218,0,0,1-7.922,19.121h-.016l-2.742,2.3a14.382,14.382,0,0,0,0,22.105h0l2.758,2.3a22.227,22.227,0,0,1,7.922,19.121h0l-.352,3.6a14.4,14.4,0,0,0,15.625,15.605v0l3.586-.309Zm-2.539-18.293a46.67,46.67,0,0,1,33.008-79.668h0a46.67,46.67,0,1,1-33.008,79.668Zm5.555-60.5a38.83,38.83,0,0,0,27.453,66.3v.035a38.842,38.842,0,0,0,.008-77.684H17509A38.818,38.818,0,0,0,17481.563,8411.5Zm16.8,43.492-10.937-10.937a3.922,3.922,0,0,1,5.547-5.547h0l8.156,8.152,23.914-23.758.109-.234a3.924,3.924,0,1,1,5.547,5.551h0l-26.789,26.773a3.824,3.824,0,0,1-5.547,0Z" transform="translate(-17434 -8364.004)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Timer">
<svg xmlns="http://www.w3.org/2000/svg" width="125" height="150" viewBox="0 0 125 150">
<path data-name="Path 40873" d="M50.875,10.895h31.25a3.948,3.948,0,0,0,0-7.895H50.875a3.948,3.948,0,0,0,0,7.895Zm62.449,37.211,10.625-10.737a3.976,3.976,0,0,0,0-5.484,3.877,3.877,0,0,0-5.523-.1L107.8,42.525a61.762,61.762,0,0,0-82.6,0L14.574,31.789a3.876,3.876,0,0,0-5.427,0,3.977,3.977,0,0,0-.1,5.581L19.676,48.107A63.223,63.223,0,0,0,4,89.842C4,124.723,31.982,153,66.5,153c34.5-.04,62.46-28.293,62.5-63.158A63.224,63.224,0,0,0,113.324,48.106Zm-46.824,97c-30.2,0-54.687-24.742-54.687-55.263A55.376,55.376,0,0,1,27.726,50.882c.039-.037.093-.05.131-.088s.05-.092.086-.132a54.223,54.223,0,0,1,77.175.093l.063.064a55.447,55.447,0,0,1,16.007,39.024C121.188,120.363,96.7,145.105,66.5,145.105Zm3.906-66.381V62.211a3.906,3.906,0,1,0-7.813,0V78.725a11.719,11.719,0,1,0,7.813,0Z" transform="translate(-4 -3)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Location-Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="118" height="150" viewBox="0 0 118 150">
<path data-name="Path 40878" d="M63,2C30.43,2.037,4.037,28.879,4,62c0,24.413,17.427,44.686,35.887,66.144,5.841,6.8,11.889,13.823,17.272,20.933a7.3,7.3,0,0,0,11.682,0c5.384-7.11,11.431-14.138,17.272-20.933C104.573,106.688,122,86.415,122,62,121.963,28.879,95.57,2.037,63,2Zm0,82.5A22.5,22.5,0,1,1,85.125,62,22.315,22.315,0,0,1,63,84.5Z" transform="translate(-4 -2)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Phone-Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Icon ionic-md-call" d="M146.166,108.667a97.8,97.8,0,0,1-29.579-4.581c-2.921-.835-6.253-.42-8.336,2.082L89.916,124.5a125.315,125.315,0,0,1-55-55L53.251,51.168a8.684,8.684,0,0,0,2.083-8.333,90.63,90.63,0,0,1-5-30A8.359,8.359,0,0,0,42,4.5H12.833A8.359,8.359,0,0,0,4.5,12.833,141.549,141.549,0,0,0,146.166,154.5a8.36,8.36,0,0,0,8.334-8.333V117A8.36,8.36,0,0,0,146.166,108.667Z" transform="translate(-4.5 -4.5)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Tick-Icon-Circle">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40877" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Mail-Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="150" viewBox="0 0 200 150">
<path d="M212.952,80H51.048C40.571,80,32,88.181,32,98.182V211.818c0,10,8.571,18.182,19.048,18.182h161.9C223.429,230,232,221.819,232,211.818V98.182C232,88.181,223.429,80,212.952,80Zm-2.38,38.637-78.572,50-78.572-50V100.455l78.572,50,78.572-50Z" transform="translate(-32 -80)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Long-Right-Arrow">
<svg xmlns="http://www.w3.org/2000/svg" width="562" height="150" viewBox="0 0 562 150">
<path data-name="Path 40909" d="M629.706,230.08l91.556,67.552L630.685,380.08l-.979-66.555H159.262v-23.84H629.706Z" transform="translate(-159.262 -230.08)" fill="#1a1a1a" fill-rule="evenodd"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Hamber-Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="236" height="150" viewBox="0 0 236 150">
<path data-name="Union 78" d="M19159.861,8514v-21.473h150.131V8514Zm-42.939-64.293v-21.426h193.07v21.426Zm-42.93-64.293V8364h236v21.414Z" transform="translate(-19073.992 -8364.004)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Close-Icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Union 79" d="M21.967,128.033A75,75,0,1,1,75,150,75,75,0,0,1,21.967,128.033ZM31.61,31.612A61.363,61.363,0,0,0,75,136.365l0,0A61.364,61.364,0,1,0,31.61,31.612ZM75,84.641,55.718,103.923l-9.641-9.64L65.36,75,46.078,55.718l9.641-9.641L75,65.36,94.283,46.078l9.64,9.641L84.641,75l19.282,19.282-9.64,9.64Z" fill="#1a1a1a"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</section>
Social Icons Style
<section class="icons elements">
<div class="container">
<div class="icons-block">
<h2>Social Icons Style</h2>
<div class="icon2">
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Facebook">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40912" d="M143.75,2H10.25A8.25,8.25,0,0,0,2,10.25v133.5A8.25,8.25,0,0,0,10.25,152H82.1V93.875H62.6v-22.5H82.1V54.5a27.3,27.3,0,0,1,29.1-30,151.949,151.949,0,0,1,17.475.9V45.65H116.75c-9.45,0-11.25,4.5-11.25,11.025V71.15H128l-2.925,22.5H105.5V152h38.25a8.25,8.25,0,0,0,8.25-8.25V10.25A8.25,8.25,0,0,0,143.75,2Z" transform="translate(-2 -2)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Twitter">
<svg xmlns="http://www.w3.org/2000/svg" width="175" height="150" viewBox="0 0 175 150">
<path data-name="Path 40913" d="M191.807,45.891a67.957,67.957,0,0,1-17.658,5.3c2.943-.408,7.063-5.913,8.829-7.951a33.818,33.818,0,0,0,5.886-11.214.94.94,0,0,0,0-1.019c-.392-.2-.589,0-.981,0a85.683,85.683,0,0,1-20.993,8.359,1.186,1.186,0,0,1-1.373-.408,18.151,18.151,0,0,0-1.766-2.039,41.792,41.792,0,0,0-10.2-6.524,34.554,34.554,0,0,0-15.7-2.65,37.289,37.289,0,0,0-14.715,4.282,38.535,38.535,0,0,0-11.968,10.194A37.026,37.026,0,0,0,104.1,57.1a42.279,42.279,0,0,0-.392,15.7c.2.816,0,1.019-.785.816C73.89,69.338,49.953,58.736,30.529,35.7c-.785-1.019-1.373-1.019-1.962,0-8.437,13.252-4.316,34.457,6.278,45.059a43.653,43.653,0,0,0,4.513,4.078c-.589.2-7.652-.612-13.93-4.078-.785-.612-1.177-.2-1.373.816a32.791,32.791,0,0,0,.2,4.282c1.57,13.456,10.595,25.893,22.759,30.583a18.128,18.128,0,0,0,4.709,1.427c-2.747.612-5.69,1.019-13.734.408-.981-.2-1.373.408-.981,1.223,5.886,17.126,18.835,22.223,28.645,25.078a26.12,26.12,0,0,1,3.924.612.2.2,0,0,1-.2.2c-3.139,5.1-14.323,8.971-19.62,10.806a67.487,67.487,0,0,1-29.823,3.874c-1.57-.2-1.962-.2-2.354,0s0,.612.392,1.019a65.659,65.659,0,0,0,6.278,3.874,100.169,100.169,0,0,0,19.816,8.359c35.709,10.194,76.126,2.651,103.006-25.078,20.994-21.612,28.449-51.583,28.449-81.758,0-1.223,1.373-1.835,2.158-2.447a71.461,71.461,0,0,0,13.93-15.087,3.879,3.879,0,0,0,.785-2.854v-.2C192.4,45.483,192.592,45.483,191.807,45.891Z" transform="translate(-17.417 -27.656)" fill="#1a1a1a"/>
</svg>
</div>
</div>
<div class="svg-whole-wrapper">
<div class="svg-wrapper" data-bs-custom-class="tooltip-1" data-toggle="tooltip" data-placement="top" title="Instagram">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40914" d="M117.05,27.95h0a9,9,0,1,0,9,9A9,9,0,0,0,117.05,27.95Zm34.5,18.15a56.925,56.925,0,0,0-3.45-18.225A37.05,37.05,0,0,0,139.4,14.6a35.25,35.25,0,0,0-13.275-8.625A54.75,54.75,0,0,0,107.9,2.45C99.95,2,97.4,2,77,2s-22.95,0-30.9.45A54.75,54.75,0,0,0,27.875,5.975,35.85,35.85,0,0,0,14.6,14.6,35.25,35.25,0,0,0,5.975,27.875,54.75,54.75,0,0,0,2.45,46.1C2,54.05,2,56.6,2,77s0,22.95.45,30.9a54.75,54.75,0,0,0,3.525,18.225A35.251,35.251,0,0,0,14.6,139.4a35.85,35.85,0,0,0,13.275,8.625A54.75,54.75,0,0,0,46.1,151.55c7.95.45,10.5.45,30.9.45s22.95,0,30.9-.45a54.75,54.75,0,0,0,18.225-3.525A35.25,35.25,0,0,0,139.4,139.4a36.375,36.375,0,0,0,8.7-13.275,56.925,56.925,0,0,0,3.45-18.225c0-7.95.45-10.5.45-30.9S152,54.05,151.55,46.1ZM138.05,107a42.075,42.075,0,0,1-2.55,13.95,22.95,22.95,0,0,1-5.625,8.625,23.925,23.925,0,0,1-8.625,5.625,42.075,42.075,0,0,1-13.95,2.55c-7.5.375-10.275.45-30,.45s-22.5,0-30-.45a42.975,42.975,0,0,1-14.55-2.25,24.525,24.525,0,0,1-8.25-5.625,22.5,22.5,0,0,1-5.55-8.625,41.55,41.55,0,0,1-3-14.25c0-7.5-.45-10.275-.45-30s0-22.5.45-30a41.55,41.55,0,0,1,2.625-14.25A22.5,22.5,0,0,1,24.5,24.5a23.55,23.55,0,0,1,8.25-6A42.975,42.975,0,0,1,47,15.95c7.5,0,10.275-.45,30-.45s22.5,0,30,.45a42.075,42.075,0,0,1,13.95,2.55,22.95,22.95,0,0,1,8.925,6,22.95,22.95,0,0,1,5.625,8.25A42.075,42.075,0,0,1,138.05,47c.375,7.5.45,10.275.45,30S138.425,99.5,138.05,107ZM77,38.525a38.4,38.4,0,1,0,27.277,11.22A38.475,38.475,0,0,0,77,38.525Zm0,63.45A24.975,24.975,0,1,1,101.975,77,24.975,24.975,0,0,1,77,101.975Z" transform="translate(-2 -2)" fill="#1a1a1a"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</section>