Icons
<div class="icons elements-page">
<div class="container">
<div class="icons-block">
<div class="icon1">
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Down Arrow">
<i class="fas fa-arrow-circle-down"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Left Arrow">
<i class="fas fa-arrow-circle-left"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Down Arrow">
<i class="far fa-arrow-alt-circle-down"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Left Arrow">
<i class="far fa-arrow-alt-circle-left"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Right Arrow">
<i class="far fa-arrow-alt-circle-right"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="User">
<i class="fas fa-user"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="user">
<i class="far fa-user"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Circle User">
<i class="fas fa-user-circle"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Circle User">
<i class="far fa-user-circle"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Star">
<i class="fas fa-star"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Facebook">
<i class="fab fa-facebook-f"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Twitter">
<i class="fab fa-twitter"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="youtube">
<i class="fab fa-youtube"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Linkedin">
<i class="fab fa-linkedin-in"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Share">
<i class="fas fa-share-alt"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Google Plus">
<i class="fab fa-google-plus-g"></i>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Skype">
<i class="fab fa-skype"></i>
</div>
</div>
</div>
</div>
</div>
Line Icons
<div class="icons elements-page">
<div class="container">
<div class="icons-block">
<div class="icon2">
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Key">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.468 32.695">
<g transform="translate(-446.196 -539.203)">
<path d="M458.974,547.524a9.262,9.262,0,0,1,1.065-2.919l-.008,0a9.19,9.19,0,0,1,6.128-4.472h0a9.23,9.23,0,0,1,10.874,7.149l3.882,18.78a1.069,1.069,0,0,1-.291.97,1.054,1.054,0,0,1-.568.32l-11.12,2.276-4.782.989a1.051,1.051,0,0,1-.325.017,1.073,1.073,0,0,1-.971-.851l-2.348-11.471"></path>
<path d="M451.053,558.618a.483.483,0,0,0-.271.275l-3.771,9.746a1.343,1.343,0,0,0,.777,1.729l2.069.786c1.129.429,3.1-2.386,4.006-3.209.138-.126.264-.265.2-.441l-.593-1.559.118-.258,1.556-.59a.344.344,0,0,0,.2-.441l-.583-1.534.107-.235,1.532-.582a.342.342,0,0,0,.2-.44l-.55-1.448"></path>
<path d="M456.025,551.5a.779.779,0,1,1-.779.779.779.779,0,0,1,.779-.779Z"></path>
<path d="M467.414,544.515a2.028,2.028,0,1,1-2.028,2.028,2.029,2.029,0,0,1,2.028-2.028Z"></path>
<path d="M466.213,546.2a5.906,5.906,0,1,1-10.313,5.759"></path>
<path d="M455.782,547.4a6.414,6.414,0,1,1-6.414,6.413,6.413,6.413,0,0,1,6.414-6.413Z"></path>
</g>
</svg>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="GYM">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.681 35.543">
<g transform="translate(-129.243 -536.375)">
<line x2="21.731" transform="translate(132.662 571.198)"></line>
<line x2="3.119" y2="7.978" transform="translate(135.257 543.05)"></line>
<line x1="5.294" y2="16.246" transform="translate(152.229 541.817)"></line>
<path d="M154.622,541.889h7.4l1.958-4.569"></path>
<line x1="9.719" transform="translate(129.963 543.122)"></line>
<path d="M139.863,557.193A2.865,2.865,0,1,1,137,560.058a2.865,2.865,0,0,1,2.865-2.865Z"></path>
<line x2="3.435" y2="3.781" transform="translate(141.396 562.478)"></line>
<line x2="6.382" transform="translate(141.712 566.477)"></line>
<path d="M139.971,551.173a10,10,0,0,1,6.618,2.441c1.147,1.008,7.806,6.672,8.254,7.084a4.487,4.487,0,0,1,0,6.723,5.39,5.39,0,0,1-3.657,1.393c-4.1,0-6.468-.042-11.215-.042a9.979,9.979,0,0,1-6.769-2.578,8.305,8.305,0,0,1,0-12.444,9.983,9.983,0,0,1,6.769-2.577Z"></path>
</g>
</svg>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Thinks">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.692 37.343">
<path d="M269.138,555.815l-4.257.089m0,0c-4.56.112-1.218,7.51-1.218,11.265m0,0c0,7.231-7.736,3.137-6.845,0a22.712,22.712,0,0,0,1.023-9.8,117.23,117.23,0,0,1-1.023-18.18,3.765,3.765,0,0,1,3.755-3.754h8.211m-7,2.932h7.062m15.621,23.962L273.8,535.646m-12.02,5.626h7.062m-7.062,2.908h7.062m-7.062,2.909h7.062M261.783,550h7.062m-7.062,2.909h7.062m21.676,11.34c-.682-2.7-2.6-4.17-4.283-3.288s-2.495,3.785-1.814,6.483,2.6,4.171,4.283,3.288,2.5-3.785,1.814-6.483Zm-18.307,0c.681-2.7,2.6-4.171,4.282-3.288s2.5,3.785,1.814,6.483-2.6,4.17-4.283,3.288-2.5-3.785-1.813-6.483Zm6.055-1.92,10.663-26.681" transform="translate(-255.964 -534.64)"></path>
</svg>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Food">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.456 36.131">
<g transform="translate(-382.81 -345.784)">
<path d="M411.418,368.122c1.975-.068,5.859-1.03,6.128-3.2H383.53c.27,2.173,4.154,3.135,6.128,3.2Z"></path>
<path d="M385.922,364.527c0-.076-.005-.153-.005-.229s0-.153,0-.23c0-18.373,29.247-18.362,29.247,0,0,.077,0,.155,0,.23s0,.153-.005.229"></path>
<line x1="10.336" y2="2.991" transform="translate(399.653 378.032)"></line>
<path d="M406.872,377.888a14.853,14.853,0,0,1,2.011-4.9c.528-.846,2.139-2.428,2.466-3.2,1.506-2.014-2.535-1.45-3.564,0-.563.791-.766,1.426-1.533,1.833-2.364,1.253-2.552-.445-4.8-2.734-1.465-1.491-4.294-.315-3.146.8"></path>
<path d="M400.328,371.768l-2.831-2.912c-1.5-1.546-3.823.07-2.547,1.262"></path>
<path d="M398.044,372.7l-3.094-2.583-1.05-1c-1.837-1.745-3.9.347-1.536,2.248l4.052,3.256c.409.328,5.3,3.693,5.213,5.826"></path>
<path d="M400.388,352.825c5.285,0,10.57,2.943,11.7,8.826"></path>
<path d="M400.538,346.5a1.455,1.455,0,1,1-1.382,1.453,1.419,1.419,0,0,1,1.382-1.453Z"></path>
</g>
</svg>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Bed">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.455 32.844">
<g transform="translate(-129.243 -412.291)">
<path d="M163.928,436.867v7.548H158.9V440.59H135.045v3.825h-5.032v-7.548"></path>
<line x2="23.406" transform="translate(135.268 413.011)"></line>
<path d="M158.673,413.011a2.294,2.294,0,0,1,2.286,2.286"></path>
<line y2="9.729" transform="translate(160.959 415.297)"></line>
<path d="M157.907,424.641v-1.474a2.532,2.532,0,0,0-2.524-2.523h-5.719a2.535,2.535,0,0,0-2.523,2.523v.962"></path>
<path d="M146.8,424.129v-.962a2.533,2.533,0,0,0-2.524-2.523h-5.719a2.533,2.533,0,0,0-2.523,2.523v1.474"></path>
<line y1="9.729" transform="translate(132.982 415.297)"></line>
<path d="M132.982,415.3a2.292,2.292,0,0,1,2.286-2.286"></path>
<path d="M132.946,425.7c8.856-1.454,22.489-1.292,28.113,0l2.919,10.639H129.963l2.983-10.639Z"></path>
</g>
</svg>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Flight">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.467 35.457">
<g transform="translate(-192.624 -219.513)">
<path d="M201.642,227.218l6.488,1.429.586-.586,2.672-2.672"></path>
<path d="M208.13,228.647l6.175,1.359,2.193-2.193,2.193-2.193,2.193-2.193,2.193-2.193a3.608,3.608,0,0,1,.937-.677,3.108,3.108,0,0,1,1.014-.306,2.4,2.4,0,0,1,.969.077,1.9,1.9,0,0,1,.8.475h0a1.892,1.892,0,0,1,.475.8,2.391,2.391,0,0,1,.078.97,3.111,3.111,0,0,1-.307,1.014,3.564,3.564,0,0,1-.677.936l-2.194,2.195-2.2,2.194-2.195,2.2-2.194,2.195q.408,1.859.818,3.717l.538,2.441"></path>
<path d="M221.956,236.454l-2.424,2.423-.585.586.891,4.047.537,2.441"></path>
<path d="M224.074,242.253l-3.13,3.129-.569.569.987,4.483a2.472,2.472,0,0,1-.377,2.2l-.707.706-.707.707c-.952.953-1.951-1.937-2.525-3.156-1.784-3.789-3.513-7.49-5.455-11.205a84.933,84.933,0,0,0-7.312,6.929q.159,1.578.32,3.157a2.041,2.041,0,0,1-.448,1.609l-.556.556c-.793.793-1.213.865-1.689-.294l-1.731-4.217-4.216-1.731c-1.159-.476-1.088-.9-.294-1.689l.555-.555c.394-.394,1.39-.4,1.609-.449l3.158.321c2.438-2.439,4.493-4.877,6.932-7.316-3.719-1.944-7.423-3.675-11.215-5.46-1.22-.575-4.113-1.573-3.16-2.527l.707-.706.707-.707a2.9,2.9,0,0,1,2.2-.378l4.483.987.569-.569,2.449-2.448"></path>
</g>
</svg>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Car">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.889 31.503">
<g transform="translate(-256.31 -223.456)">
<path d="M274.742,229.626V225.3a1.13,1.13,0,0,0-1.123-1.123h-5.6A1.126,1.126,0,0,0,266.9,225.3v4.257"></path>
<path d="M266.537,225.954H261.8a1.126,1.126,0,0,0-1.123,1.123v2.653"></path>
<line y2="7.307" transform="translate(270.037 232.989)"></line>
<line x2="25.341" transform="translate(257.845 240.296)"></line>
<path d="M260.114,250.624h-1.52a1.587,1.587,0,0,1-1.564-1.564v-9.206l1.23-6.23a2.116,2.116,0,0,1,1.879-1.648c13.97,0,9.3.087,16.4-.029,2.078-.034,3.728,7.712,5.742,8.154l6.315,1.389a2.524,2.524,0,0,1,1.886,2.253v5.317c0,.841-1.038,1.564-1.879,1.564h-1.835"></path>
<line x1="11.225" transform="translate(267.984 250.624)"></line>
<path d="M282.986,247.265a3.487,3.487,0,1,1-3.487,3.487,3.487,3.487,0,0,1,3.487-3.487Z"></path>
<path d="M263.89,247.265a3.487,3.487,0,1,1-3.487,3.487,3.487,3.487,0,0,1,3.487-3.487Z"></path>
<line x2="17.99" transform="translate(258.427 229.811)"></line>
</g>
</svg>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="User">
<svg xmlns="http://www.w3.org/2000/svg" width="27.398" height="35.605" viewBox="0 0 27.398 35.605">
<g transform="translate(-450.231 -473.071)">
<path d="M461.476,491.992a3.908,3.908,0,0,1-.927,2.912,3.025,3.025,0,0,1-.28.273l3.7,8.536,3.995-8.435a2.957,2.957,0,0,1-.415-.377,4.073,4.073,0,0,1-.8-2.921"></path>
<path d="M476.494,507.807c1.4-7.344-.177-10.292-8.529-12.529"></path>
<path d="M460.269,495.177l-3.263,1.2c-5.885,2.2-7.069,4.532-5.4,11.428"></path>
<line x1="4.463" transform="translate(468.082 505.344)"></line>
<path d="M462,480.475c1.5,0,5.092-.262,6.116-1.78,1.139,1.176,2.046,4.748,2.046,6.621,0,3.557-2.521,7.36-5.7,7.36s-5.751-2.884-5.751-6.441.11-5.76,3.286-5.76Z"></path>
<path d="M473.744,497.037c2.013-2.343.575-4.839.575-8.569,0-7.084-.183-15.134-10.068-14.657s-10.163,5.743-10.163,12.828c0,4.45.077,7.835,1.525,9.737"></path>
</g>
</svg>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Drink">
<svg xmlns="http://www.w3.org/2000/svg" width="30.721" height="35.455" viewBox="0 0 30.721 35.455">
<g transform="translate(-258.394 -409.68)">
<line x1="9.53" transform="translate(259.664 429.057)"></line>
<line x1="9.53" transform="translate(259.33 438.293)"></line>
<path d="M268.968,419.5c.488,3.777,3.749,3.2,4.116,7.35l-.146,14.981c.011,2.267.143,2.583-2.558,2.583-2.892-.006-5.54,0-8.433,0-2.694.006-2.7-.17-2.688-2.582l-.145-14.981c.367-4.153,3.628-3.573,4.115-7.35v-6.457c-1.4-1.614.013-2.565,2.711-2.64a2.8,2.8,0,0,1,.317,0c2.7.075,4.116.8,2.711,2.64V419.5Z"></path>
<path d="M277.56,420.571h10.384l.448,11.7c.1,2.53-2.54,4.6-5.64,4.6h0c-3.1,0-5.736-2.073-5.639-4.6l.448-11.7Z"></path>
<path d="M285.929,428.458l.211,3.568a2.264,2.264,0,0,1-.937,1.838,3.573,3.573,0,0,1-2.251.764h0"></path>
<line x1="10.718" transform="translate(277.393 424.966)"></line>
<line x1="10.273" transform="translate(277.614 444.414)"></line>
<line y2="7.242" transform="translate(282.751 436.876)"></line>
<line x1="5.197" transform="translate(263.771 413.06)"></line>
<line y2="9.151" transform="translate(269.194 429.057)"></line>
</g>
</svg>
</div>
<div class="svg-wrapper" data-bs-placement="top" data-bs-custom-class="tooltip-1" data-tooltip="" title="" data-bs-original-title="Phone">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.456 30.156">
<g transform="translate(-446.203 -351.587)">
<path d="M480.892,359.6l-.527,3.575a1.184,1.184,0,0,1-1.153,1.006H479.2a1.085,1.085,0,0,1-.15-.012l-6.138-.906a1.182,1.182,0,0,1-.994-1.338c.5-3.39,1.54-3.9-2.908-4.744a36.07,36.07,0,0,0-5.047-.53H463.9a36.055,36.055,0,0,0-5.047.53c-4.448.845-3.409,1.354-2.909,4.744a1.182,1.182,0,0,1-.993,1.338l-6.139.906a1.07,1.07,0,0,1-.149.012h-.017a1.182,1.182,0,0,1-1.152-1.006l-.527-3.575a4.273,4.273,0,0,1-.046-.484c.073-4,8.538-6.516,17.007-6.8,8.469.289,16.935,2.8,17.008,6.8a4.793,4.793,0,0,1-.046.484ZM463.93,364a6.189,6.189,0,1,1-6.188,6.189A6.189,6.189,0,0,1,463.93,364Z"></path>
<path d="M474.855,366.222c1.081,3.314,2.437,7.456,2.437,8.473v2.612a3.51,3.51,0,0,1-3.229,3.716H453.8a3.509,3.509,0,0,1-3.229-3.716V374.7c0-1.022,1.418-5.162,2.561-8.475"></path>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>