Loading...

Icons

Icons

                        
    <div class="icons-list">
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Search" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                <path data-name="Path 42041" d="M230.817,152.136,194.073,115.41a63.16,63.16,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="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Apple" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="125" height="150" viewBox="0 0 125 150">
                <path data-name="Icon awesome-apple" d="M104.791,81.517c-.066-12.29,5.446-21.566,16.6-28.4-6.243-9.008-15.675-13.965-28.128-14.936-11.789-.938-24.675,6.932-29.39,6.932-4.981,0-16.405-6.6-25.372-6.6C19.974,38.819.281,53.42.281,83.124a84.1,84.1,0,0,0,4.782,27.192c4.251,12.29,19.594,42.43,35.6,41.927,8.369-.2,14.28-5.994,25.173-5.994,10.561,0,16.04,5.994,25.372,5.994,16.14-.234,30.021-27.628,34.073-39.951C103.629,102.011,104.791,82.153,104.791,81.517Zm-18.8-54.988C95.061,15.679,94.231,5.8,93.965,2.25c-8,.469-17.269,5.492-22.549,11.687-5.812,6.631-9.232,14.835-8.5,24.078C71.582,38.685,79.486,34.2,85.995,26.529Z" transform="translate(-0.281 -2.25)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Spotify" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                <path d="M75,0a75,75,0,1,0,75,75A75,75,0,0,0,75,0Zm32.641,108.845a5.126,5.126,0,0,1-7.016,1.84c-13.478-7.876-29.048-9.142-39.739-8.817a98.58,98.58,0,0,0-20.613,2.722,5.129,5.129,0,0,1-2.719-9.89,106.79,106.79,0,0,1,22.733-3.075,100.125,100.125,0,0,1,21.9,1.585A73.916,73.916,0,0,1,105.8,101.83,5.128,5.128,0,0,1,107.641,108.845Zm9.535-19.8a6.072,6.072,0,0,1-8.31,2.18C92.9,81.892,74.458,80.394,61.795,80.778A116.793,116.793,0,0,0,37.377,84a6.075,6.075,0,0,1-3.221-11.715,126.466,126.466,0,0,1,26.927-3.642,118.623,118.623,0,0,1,25.942,1.878A87.566,87.566,0,0,1,115,80.732,6.074,6.074,0,0,1,117.176,89.042Zm5.861-18.006a7.417,7.417,0,0,1-3.753-1.019C81.33,47.836,32.1,61.023,31.6,61.159a7.452,7.452,0,0,1-3.958-14.368,155.109,155.109,0,0,1,33.029-4.468,145.528,145.528,0,0,1,31.82,2.3A107.4,107.4,0,0,1,126.8,57.15a7.452,7.452,0,0,1-3.767,13.886Z" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Up arrow" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="87" viewBox="0 0 150 87">
                <path id="Path_42042" data-name="Path 42042" d="M347.855,286.67l-59.564-56.444-59.926,56.085-14.889-14.739,74.455-71.9,75.545,71.544Z" transform="translate(-213.475 -199.67)" fill="#141414" fill-rule="evenodd"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Down arrow" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="87" viewBox="0 0 150 87">
                <path data-name="Path 42043" d="M347.855,199.67l-59.564,56.444-59.926-56.084-14.889,14.739,74.455,71.9,75.545-71.544Z" transform="translate(-213.475 -199.67)" fill="#141414" fill-rule="evenodd"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Left arrow" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="87" height="150" viewBox="0 0 87 150">
                <path id="Path_42044" data-name="Path 42044" d="M347.855,199.67l-59.564,56.444-59.926-56.084-14.889,14.739,74.455,71.9,75.545-71.544Z" transform="translate(286.67 -213.475) rotate(90)" fill="#141414" fill-rule="evenodd"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Right Arrow" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="87" height="150" viewBox="0 0 87 150">
                <path id="Path_42045" data-name="Path 42045" d="M134.38,87,74.816,30.556,14.889,86.641,0,71.9,74.455,0,150,71.544Z" transform="translate(87) rotate(90)" fill="#141414" fill-rule="evenodd"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Right Arrow" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="52.941" viewBox="0 0 150 52.941">
                <path id="Path_42046" data-name="Path 42046" d="M1,45.8H138.89L118.981,64.935l4.473,4.3L151,42.764,123.454,16.293l-4.473,4.3L138.89,39.723H1Z" transform="translate(-1 -16.293)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Left Arrow" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="52.941" viewBox="0 0 150 52.941">
                <path id="Path_42047" data-name="Path 42047" d="M151,45.8H13.11L33.019,64.935l-4.473,4.3L1,42.764,28.546,16.293l4.473,4.3L13.11,39.723H151Z" transform="translate(-1 -16.293)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Rewind" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
                <path data-name="Path 42050" d="M143.235,7.776a18.512,18.512,0,0,0-19.5,2.3L81.915,44.7V21.819A15.546,15.546,0,0,0,72.651,7.776a18.512,18.512,0,0,0-19.5,2.3l-45,37.185a15.025,15.025,0,0,0,0,23.494l45,37.185A18.163,18.163,0,0,0,64.623,112a19.658,19.658,0,0,0,8.029-1.767,15.546,15.546,0,0,0,9.264-14.044V73.313l41.821,34.623A18.163,18.163,0,0,0,135.206,112a19.657,19.657,0,0,0,8.029-1.767A15.545,15.545,0,0,0,152.5,96.189V21.819a15.546,15.546,0,0,0-9.264-14.044Z" transform="translate(-2.499 -5.999)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Forward" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
                <path data-name="Path 42051" d="M11.763,7.776a18.512,18.512,0,0,1,19.5,2.3L73.082,44.7V21.819A15.546,15.546,0,0,1,82.346,7.776a18.512,18.512,0,0,1,19.5,2.3l45,37.185a15.025,15.025,0,0,1,0,23.494l-45,37.185A18.163,18.163,0,0,1,90.375,112a19.658,19.658,0,0,1-8.029-1.767,15.546,15.546,0,0,1-9.264-14.044V73.313L31.262,107.936A18.163,18.163,0,0,1,19.792,112a19.657,19.657,0,0,1-8.029-1.767A15.546,15.546,0,0,1,2.5,96.189V21.819A15.546,15.546,0,0,1,11.763,7.776Z" transform="translate(-2.499 -5.999)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Play" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="125" height="150" viewBox="0 0 125 150">
                <path data-name="Icon awesome-play" d="M118.418,62.891,20.2,1.926C12.221-3.025,0,1.78,0,14.025v121.9c0,10.986,11.356,17.607,20.2,12.1l98.217-60.935c8.761-5.42,8.789-18.779,0-24.2Z" transform="translate(0 -0.002)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Audio" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="112.5" height="150" viewBox="0 0 112.5 150">
                <path id="Path_42049" data-name="Path 42049" d="M108.462,152.977a8.307,8.307,0,0,1-4.58-1.415l-51.669-36.62H12.036A8.183,8.183,0,0,1,4,106.619V49.525A8.183,8.183,0,0,1,12.036,41.2H52.213l51.508-36.62a7.805,7.805,0,0,1,8.462-.66A8.372,8.372,0,0,1,116.5,11.49V144.654A8.183,8.183,0,0,1,108.462,152.977Z" transform="translate(-4 -2.978)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Reload" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                <path data-name="Path 42048" d="M146.837,89.982a8.313,8.313,0,0,0-10.393,5.408,59.367,59.367,0,0,1-57.119,40.934,59.05,59.05,0,0,1-59.7-58.239,59.05,59.05,0,0,1,59.7-58.239,60.337,60.337,0,0,1,38.662,13.894l-18.042-3a8.343,8.343,0,1,0-2.661,16.473l35.253,5.824h1.413a8.309,8.309,0,0,0,2.827-.5,2.743,2.743,0,0,0,.831-.5,6.483,6.483,0,0,0,1.663-.915l.748-.915c0-.416.748-.749,1.081-1.248s0-.832.416-1.165a11.149,11.149,0,0,0,.582-1.5l6.236-33.279a8.463,8.463,0,1,0-16.629-3.162l-2.245,12.064A76.545,76.545,0,0,0,79.325,3.206,75.684,75.684,0,0,0,3,78.084a75.684,75.684,0,0,0,76.325,74.879,75.831,75.831,0,0,0,73.332-52.581,8.321,8.321,0,0,0-5.82-10.4Z" transform="translate(-3 -2.972)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Loop" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                <g data-name="Group 42766" transform="translate(12925.506 8645.005)">
                                                <path data-name="Path 1350" d="M124.126,24.506H29.445L39.7,14.84a7.259,7.259,0,0,0,0-10.64,8.222,8.222,0,0,0-11.2,0L4.828,26.679a7.23,7.23,0,0,0,0,10.64L28.5,59.8a8.188,8.188,0,0,0,11.2,0,7.23,7.23,0,0,0,0-10.64L29.445,39.492h94.681c6.8-.125,12.416,5.008,12.545,11.464V69.464a7.9,7.9,0,0,0,15.78,0V50.956c-.13-14.733-12.812-26.575-28.325-26.45Z" transform="translate(-12928 -8647.001)" fill="#141414"/>
                    <path data-name="Path 1351" d="M126.453,29.159a8.222,8.222,0,0,0-11.2,0,7.259,7.259,0,0,0,0,10.64l10.257,9.666H30.825C24.027,49.591,18.41,44.457,18.28,38V19.493A7.7,7.7,0,0,0,10.39,12,7.7,7.7,0,0,0,2.5,19.493V38c.13,14.733,12.812,26.575,28.325,26.45h94.681l-10.257,9.666a7.23,7.23,0,0,0,0,10.64,8.188,8.188,0,0,0,11.2,0l23.67-22.479a7.23,7.23,0,0,0,0-10.64Z" transform="translate(-12927.963 -8581.979)" fill="#141414"/>
                </g>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Quotes" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
                <path data-name="Union 30" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Quotes" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
                <path data-name="Union 31" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" transform="translate(150 106) rotate(180)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Quotes" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
                <path data-name="Union 32" d="M16.565,0a3.064,3.064,0,0,0-2.7,1.629A3.108,3.108,0,0,0,14.013,4.8C21.243,15.728,28.576,29.531,32.1,36.363c-9.24.882-17,4.3-22.641,10.016a31.8,31.8,0,0,0-7.106,11.2A38.219,38.219,0,0,0,0,71.068a34.8,34.8,0,0,0,10.171,24.7A34.4,34.4,0,0,0,34.727,106a38.248,38.248,0,0,0,13.384-2.3h0a31.136,31.136,0,0,0,11.151-7.049c6.663-6.59,10.191-16.223,10.191-27.858,0-9.151-6.382-23.38-18.964-42.284C41.291,12.687,31.964,1.24,31.873,1.128A3.064,3.064,0,0,0,29.507,0ZM97.12.006a3.072,3.072,0,0,0-2.709,1.629A3.1,3.1,0,0,0,94.56,4.8c7.234,10.933,14.567,24.736,18.087,31.568-9.24.88-17,4.3-22.641,10.012a31.705,31.705,0,0,0-7.106,11.2A38.235,38.235,0,0,0,80.551,71.07a34.787,34.787,0,0,0,10.171,24.7A34.389,34.389,0,0,0,115.277,106a38.281,38.281,0,0,0,13.384-2.3,31.185,31.185,0,0,0,11.151-7.049C146.484,90.061,150,80.427,150,68.8c0-9.155-6.374-23.38-18.96-42.284-9.2-13.821-18.521-25.268-18.617-25.382A3.07,3.07,0,0,0,110.049.006Z" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Share" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                <path data-name="Path 3562" d="M152.4,16.462V65.681a7.031,7.031,0,0,1-14.062,0V29.744L67.627,100.431A9.391,9.391,0,1,1,54.345,87.15l70.711-70.687H89.119a7.031,7.031,0,0,1,0-14.062h49.219A14.1,14.1,0,0,1,152.4,16.463Zm-7.031,82.031a7.031,7.031,0,0,0-7.031,7.031v32.813H16.462V16.462H49.275a7.031,7.031,0,1,0,0-14.062H16.462A14.1,14.1,0,0,0,2.4,16.462V138.337A14.1,14.1,0,0,0,16.463,152.4H138.337A14.1,14.1,0,0,0,152.4,138.337V105.525a7.031,7.031,0,0,0-7.031-7.031Z" transform="translate(-2.4 -2.4)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Message" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                <path data-name="Path 42059" d="M140.286,1H11.714A10.95,10.95,0,0,0,1,12.111V101a10.95,10.95,0,0,0,10.714,11.111H33.143V151l37.5-38.889h69.643A10.95,10.95,0,0,0,151,101V12.111A10.95,10.95,0,0,0,140.286,1Zm0,100h-75L43.857,123.222V101H11.714V12.111H140.286Z" transform="translate(-1 -1)" fill="#141414" fill-rule="evenodd"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Calendar" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="144" height="150" viewBox="0 0 144 150">
                <path data-name="Path 42058" d="M131,17h-8V9.5a8.017,8.017,0,0,0-16,0V17H43V9.5A7.785,7.785,0,0,0,35,2a7.785,7.785,0,0,0-8,7.5V17H19C10.12,17,3.08,23.75,3.08,32L3,137c0,8.25,7.12,15,16,15H131c8.8,0,16-6.75,16-15V32C147,23.75,139.8,17,131,17Zm0,112.5a7.785,7.785,0,0,1-8,7.5H27a7.785,7.785,0,0,1-8-7.5v-75H131Zm-96-60H51v15H35Zm32,0H83v15H67Zm32,0h16v15H99Z" transform="translate(-3 -2)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Play" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                <path data-name="Union 33" d="M0,75A75,75,0,0,1,75,0h0A75,75,0,1,1,0,75Zm2.765,0A72.235,72.235,0,1,0,75,2.766,72.317,72.317,0,0,0,2.765,75Zm52.281-28.7L104.766,75,55.045,103.707Z" transform="translate(0 0.001)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Location" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="119" height="150" viewBox="0 0 119 150">
                <path data-name="Path 42063" d="M316.537,116.852a60.557,60.557,0,0,0-83.687.212c-10.916,10.446-17.709,24.783-17.709,40.046a48.076,48.076,0,0,0,2.661,15.813,50.211,50.211,0,0,0,7.509,13.9l43.773,60.495a6.513,6.513,0,0,0,1.823,1.75,6.97,6.97,0,0,0,9.341-1.667l43.389-59.961a55.386,55.386,0,0,0,7.805-14.854,49.911,49.911,0,0,0,2.7-16.129c0-15.268-6.785-29.359-17.6-39.608Zm-41.9,20.5c10.928,0,19.788,8.375,19.788,18.706s-8.86,18.706-19.788,18.706-19.788-8.375-19.788-18.706S263.71,137.348,274.638,137.348Z" transform="translate(-215.141 -100.176)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Hamburger button" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="164" height="98" viewBox="0 0 164 98">
                <path data-name="Union 34" d="M-8240-5957v-21.777h87.465V-5957Zm0-76.227V-6055h164v21.773Z" transform="translate(8240 6054.998)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Hamburger button" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="118.75" viewBox="0 0 150 118.75">
                <path data-name="Icon material-menu" d="M4.5,127.75h150V107.958H4.5Zm0-49.479h150V58.479H4.5ZM4.5,9V28.792h150V9Z" transform="translate(-4.5 -9)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Close" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150.002" height="149.997" viewBox="0 0 150.002 149.997">
                <g id="Group_42767" data-name="Group 42767" transform="translate(12865.792 17231.004)">
                <path id="Path_39630" data-name="Path 39630" d="M209.677,139.668a75.088,75.088,0,0,0,0,106.08,75.013,75.013,0,0,0,106.127,0A75.026,75.026,0,1,0,209.677,139.668ZM308.556,238.5c-25.108,25.1-66.265,25.1-91.631,0-25.108-25.1-25.108-66.235,0-91.591a64.778,64.778,0,1,1,91.63,91.589Z" transform="translate(-13053.531 -17348.746)" fill="#141414"/>
                <path id="Path_39631" dta-name="Path 39631" d="M339.576,216.72l-22.693,22.692L294.191,216.72l-7.475,7.475,22.693,22.692L286.716,269.58l7.475,7.475,22.692-22.692,22.693,22.692,7.474-7.475-22.692-22.693,22.692-22.692Z" transform="translate(-13107.683 -17402.902)" fill="#141414"/>
                </g>
            </svg>
        </div>
    </div>
                        
                        
                    
                        
    <div class="icons-list">
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Facebook" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="149.994" height="150" viewBox="0 0 149.994 150">
                <path id="Subtraction_9" data-name="Subtraction 9" d="M72.411,150H72.4l-62.059-.006A10.358,10.358,0,0,1,0,139.648V10.346A10.358,10.358,0,0,1,10.346,0h129.3a10.358,10.358,0,0,1,10.346,10.346v129.3a10.358,10.358,0,0,1-10.346,10.346H98.27V98.27h25.865V72.411H98.27V56.9a5.179,5.179,0,0,1,5.173-5.173h23.273V25.865H100.856A31.2,31.2,0,0,0,72.411,56.9V72.411H51.724V98.27H72.411V150Z" fill="#141414"/>
            </svg>
        </div>  
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="YouTube" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="119" viewBox="0 0 150 119">
                <path data-name="Icon ionic-logo-youtube" d="M149.026,30.778c0-13.944-9.7-25.162-21.683-25.162C111.111,4.81,94.555,4.5,77.649,4.5H72.375C55.5,4.5,38.913,4.81,22.68,5.616,10.726,5.616,1.027,16.9,1.027,30.84.294,41.871-.028,52.9,0,63.935Q-.043,80.482,1,97.061c0,13.945,9.7,25.255,21.653,25.255,17.053.837,34.546,1.209,52.331,1.178q26.722.093,52.331-1.178C139.3,122.316,149,111.005,149,97.061c.7-11.063,1.026-22.094,1-33.157Q150.081,47.356,149.026,30.778ZM60.654,94.334V33.443l42.486,30.43Z" transform="translate(0 -4.5)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Twitter" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="125" viewBox="0 0 150 125">
                <path id="twitter" d="M104.695,49.172c-17.384.272-31.081,15.761-31.081,33.7v4.348C42.533,81.509,27.256,72.813,10.4,54.607.39,74.715,11.452,91.563,23.569,100.8c-8.165,0-15.014-1.087-20.282-5.978-.527-.272-1.054,0-.79.544,4.478,16.848,19.755,29.076,31.607,32.609-10.8,0-17.911,1.63-25.55-3.261-.527-.272-1.054,0-.79.543C13.559,141.835,25.149,147,42.006,147c-8.429,6.522-19.755,13.044-41.09,13.587a.9.9,0,0,0-.527,1.63c7.9,6.793,27.393,11.957,54.786,11.957,45.041,0,81.653-41.3,81.653-92.391V79.063c7.112-2.717,11.063-9.239,13.17-15.761a.576.576,0,0,0-.527-.543l-15.014,5.435a.526.526,0,0,1-.263-.815c6.322-5.163,11.063-11.685,13.17-17.935a.912.912,0,0,0-.527-.272c-7.112,2.989-13.96,5.978-19.228,7.609a3.033,3.033,0,0,1-2.634-.272c-3.424-1.9-13.7-7.337-20.282-7.337" transform="translate(0.001 -49.172)" fill="#141414"/>
            </svg>
        </div>
        <div class="icon-style" data-bs-toggle="tooltip" data-bs-custom-class="tooltip-1" title="Instagram" data-bs-placement="top">
            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                <path id="Icon_awesome-instagram" data-name="Icon awesome-instagram" d="M75.011,38.78a38.458,38.458,0,1,0,38.45,38.458A38.393,38.393,0,0,0,75.011,38.78Zm0,63.461a25,25,0,1,1,25-25A25.045,25.045,0,0,1,75.011,102.241ZM124,37.206a8.968,8.968,0,1,1-8.968-8.97A8.948,8.948,0,0,1,124,37.206Zm25.466,9.1c-.569-12.016-3.313-22.66-12.114-31.429-8.767-8.769-19.409-11.514-31.422-12.116-12.381-.7-49.492-.7-61.874,0-11.98.569-22.621,3.314-31.422,12.083S1.124,34.261.522,46.277c-.7,12.384-.7,49.5,0,61.888.569,12.016,3.313,22.66,12.114,31.429s19.409,11.514,31.422,12.116c12.381.7,49.492.7,61.874,0,12.013-.569,22.655-3.314,31.422-12.116,8.767-8.769,11.511-19.413,12.114-31.429.7-12.384.7-49.47,0-61.854Zm-16,75.142a25.311,25.311,0,0,1-14.255,14.259c-9.872,3.916-33.3,3.012-44.205,3.012s-34.367.87-44.205-3.012a25.31,25.31,0,0,1-14.255-14.259c-3.915-9.874-3.012-33.3-3.012-44.215s-.87-34.375,3.012-44.215A25.31,25.31,0,0,1,30.806,18.764c9.872-3.916,33.3-3.012,44.205-3.012s34.367-.87,44.205,3.012a25.31,25.31,0,0,1,14.255,14.259c3.915,9.874,3.012,33.3,3.012,44.215S137.387,111.612,133.472,121.453Z" transform="translate(0.005 -2.237)" fill="#141414"/>
            </svg>
        </div>
    </div>