{"id":12,"date":"2025-07-28T16:10:35","date_gmt":"2025-07-28T16:10:35","guid":{"rendered":"https:\/\/webcrowd.co.in\/iconcdn\/?page_id=12"},"modified":"2025-08-13T05:19:07","modified_gmt":"2025-08-13T05:19:07","slug":"browse","status":"publish","type":"page","link":"https:\/\/webcrowd.co.in\/iconcdn\/browse\/","title":{"rendered":"Browse"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec0da82 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"ec0da82\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2c35129 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"2c35129\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fd1d9f head1 elementor-widget elementor-widget-heading\" data-id=\"3fd1d9f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Browse Icons<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a205d7e elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"a205d7e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n    .icon-search-container {\n        margin-bottom: 20px;\n        position: relative;\n    }\n    \n    .icon-search-wrapper {\n        position: relative;\n        max-width: 400px;\n    }\n    \n    #icon-search {\n        width: 100%;\n        padding: 15px 20px 15px 50px;\n        border: 2px solid #419197;\n        border-radius: 12px;\n        font-size: 16px;\n        background: #161C22;\n        color: #78D6C6;\n        transition: all 0.3s ease;\n        font-family: inherit;\n    }\n    \n    #icon-search:focus {\n        outline: none;\n        border-color: #78D6C6;\n        box-shadow: 0 0 0 3px rgba(120, 214, 198, 0.1);\n        background: rgba(22, 28, 34, 0.95);\n    }\n    \n    #icon-search::placeholder {\n        color: rgba(120, 214, 198, 0.6);\n    }\n    \n    .search-icon {\n        position: absolute;\n        left: 18px;\n        top: 50%;\n        transform: translateY(-50%);\n        color: #78D6C6;\n        font-size: 18px;\n        pointer-events: none;\n    }\n    \n    .clear-search {\n        position: absolute;\n        right: 15px;\n        top: 50%;\n        transform: translateY(-50%);\n        background: rgba(120, 214, 198, 0.2);\n        border: none;\n        border-radius: 6px;\n        color: #78D6C6;\n        cursor: pointer;\n        padding: 5px 8px;\n        font-size: 12px;\n        opacity: 0;\n        transition: all 0.3s ease;\n        pointer-events: none;\n    }\n    \n    .clear-search.show {\n        opacity: 1;\n        pointer-events: auto;\n    }\n    <\/style>\n\n    <div class=\"icon-search-container\">\n        <div class=\"icon-search-wrapper\">\n            <div class=\"search-icon\">\ud83d\udd0d<\/div>\n            <input type=\"text\" id=\"icon-search\" placeholder=\"Search icons by name...\" \/>\n            <button class=\"clear-search\" type=\"button\" onclick=\"clearIconSearch()\">\u2715<\/button>\n        <\/div>\n    <\/div>\n\n    <script>\nfunction clearIconSearch() {\n    const input = document.getElementById('icon-search');\n    if (input) {\n        input.value = '';\n        input.focus();\n        const event = new Event('input', { bubbles: true });\n        input.dispatchEvent(event);\n    }\n}\n\n\/\/ Use vanilla JavaScript with proper event delegation and DOM ready checking\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Wait a bit more for all elements to be loaded\n    setTimeout(function() {\n        var gridContainer = document.getElementById('icon-grid-content');\n        var searchInput = document.getElementById('icon-search');\n        var clearButton = document.querySelector('.clear-search');\n        var categoryItems = document.querySelectorAll('.icon-category-list li');\n\n        var currentCategory = '';\n        var currentSearch = '';\n\n        function updateClearButton() {\n            if (clearButton) {\n                if (currentSearch.length > 0) {\n                    clearButton.classList.add('show');\n                } else {\n                    clearButton.classList.remove('show');\n                }\n            }\n        }\n\n        function filterIcons() {\n            if (!gridContainer) {\n                console.log('Grid container not found');\n                return;\n            }\n\n            \/\/ Check if icon_ajax is available\n            if (typeof icon_ajax === 'undefined') {\n                console.error('icon_ajax is not defined');\n                return;\n            }\n\n            var formData = new FormData();\n            formData.append('action', 'filter_icons');\n            formData.append('category', currentCategory);\n            formData.append('search', currentSearch);\n            formData.append('nonce', icon_ajax.nonce);\n\n            \/\/ Show loading\n            gridContainer.innerHTML = '<p style=\"text-align:center; color:#78D6C6; padding: 40px;\">Loading...<\/p>';\n\n            fetch(icon_ajax.ajax_url, {\n                method: 'POST',\n                body: formData\n            })\n            .then(response => response.text())\n            .then(data => {\n                gridContainer.innerHTML = data;\n            })\n            .catch(error => {\n                console.error('Filter error:', error);\n                gridContainer.innerHTML = '<p style=\"color:#f44336; text-align: center; padding: 40px;\">Error loading icons.<\/p>';\n            });\n        }\n\n        \/\/ Category click handlers\n        categoryItems.forEach(function(item) {\n            item.addEventListener('click', function() {\n                \/\/ Remove active class from all items\n                categoryItems.forEach(function(cat) {\n                    cat.classList.remove('active');\n                });\n                \n                \/\/ Add active class to clicked item\n                this.classList.add('active');\n                \n                \/\/ Get category from data attribute\n                currentCategory = this.getAttribute('data-category') || '';\n                \n                console.log('Category selected:', currentCategory);\n                filterIcons();\n            });\n        });\n\n        \/\/ Search input handler\n        if (searchInput) {\n            searchInput.addEventListener('input', function() {\n                currentSearch = this.value.trim();\n                updateClearButton();\n                console.log('Search term:', currentSearch);\n                filterIcons();\n            });\n        }\n\n        console.log('Icon filter initialized');\n        console.log('Found category items:', categoryItems.length);\n        console.log('Grid container found:', !!gridContainer);\n        console.log('Search input found:', !!searchInput);\n        console.log('icon_ajax available:', typeof icon_ajax !== 'undefined');\n\n    }, 500); \/\/ Wait 500ms for all elements to be ready\n});\n<\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3cb540 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"b3cb540\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a6f66f5 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"a6f66f5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-261bdc1 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"261bdc1\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n    .icon-categories-sidebar {\n        background: #161C22;\n        border: 1px solid #419197;\n        border-radius: 12px;\n        padding: 20px;\n        margin-bottom: 20px;\n    }\n    \n    .icon-categories-sidebar h4 {\n        color: #78D6C6;\n        margin-top: 0;\n        margin-bottom: 15px;\n        font-size: 18px;\n        font-weight: 600;\n    }\n    \n    .icon-category-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    \n    .icon-category-list li {\n        cursor: pointer;\n        padding: 12px 16px;\n        margin-bottom: 8px;\n        border-radius: 8px;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        background: rgba(65, 145, 151, 0.1);\n        border: 1px solid rgba(65, 145, 151, 0.3);\n        color: #78D6C6;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    \n    .icon-category-list li:hover {\n        background: rgba(120, 214, 198, 0.2);\n        border-color: #78D6C6;\n        transform: translateX(5px);\n    }\n    \n    .icon-category-list li.active {\n        background: linear-gradient(135deg, #419197, #78D6C6);\n        color: #161C22;\n        border-color: #78D6C6;\n        box-shadow: 0 4px 12px rgba(120, 214, 198, 0.3);\n        font-weight: 600;\n    }\n    \n    .category-count {\n        background: rgba(22, 28, 34, 0.6);\n        color: #78D6C6;\n        border-radius: 12px;\n        padding: 2px 8px;\n        font-size: 11px;\n        font-weight: 600;\n        min-width: 20px;\n        text-align: center;\n    }\n    \n    .icon-category-list li.active .category-count {\n        background: rgba(22, 28, 34, 0.8);\n        color: #161C22;\n    }\n    \n    @media (max-width: 768px) {\n        .icon-categories-sidebar {\n            padding: 15px;\n        }\n        \n        .icon-category-list li {\n            padding: 10px 12px;\n        }\n    }\n    <\/style>\n    \n    <div class=\"icon-categories-sidebar\">\n        <h4>Filter by Category<\/h4>\n        <ul class=\"icon-category-list\">\n            <li data-category=\"\" class=\"active\">\n                <span>All Icons<\/span>\n                                    <span class=\"category-count\">35<\/span>\n                            <\/li>\n                            <li data-category=\"business\">\n                    <span>Business<\/span>\n                                            <span class=\"category-count\">1<\/span>\n                                    <\/li>\n                            <li data-category=\"social-media\">\n                    <span>Social Media<\/span>\n                                            <span class=\"category-count\">4<\/span>\n                                    <\/li>\n                            <li data-category=\"technology-devices\">\n                    <span>Technology &amp; Devices<\/span>\n                                            <span class=\"category-count\">8<\/span>\n                                    <\/li>\n                            <li data-category=\"user-interface\">\n                    <span>User Interface<\/span>\n                                            <span class=\"category-count\">7<\/span>\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51a76c9 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"51a76c9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a304bbc elementor-widget elementor-widget-shortcode\" data-id=\"a304bbc\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"icon-grid-container\"><style>\n    \/* =============== MODERN ICON GRID - FULL CSS =============== *\/\n\n\/* Wrapper ensures safe spacing and prevents layout collapse *\/\n\/* =============== MODERN ICON GRID - FULL CSS =============== *\/\n\n\/* Wrapper ensures safe spacing and prevents layout collapse *\/\n.modern-icon-grid-wrapper {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    overflow: visible;\n    clear: both;\n    position: relative;\n}\n\n\/* Grid container with safe spacing *\/\n.modern-icon-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n    gap: 20px;\n    padding: 20px 0;\n    align-content: start;\n    justify-content: center;\n    width: 100%;\n    margin: 0 auto;\n    margin-bottom: 40px; \/* Critical: prevents overlap with next element *\/\n    position: relative;\n}\n\n\/* Clearfix fallback *\/\n.modern-icon-grid::after {\n    content: \"\";\n    display: table;\n    clear: both;\n}\n\n\/* Individual icon box *\/\n.modern-icon-box {\n    position: relative;\n    background: #161C22;\n    border: 1px solid #419197;\n    border-radius: 12px;\n    text-align: center;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    cursor: pointer;\n    overflow: hidden;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    aspect-ratio: 1; \/* Always square *\/\n    \/* Avoid min-height to prevent aspect-ratio conflicts *\/\n}\n\n\/* Hover glow effect *\/\n.modern-icon-box::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: linear-gradient(135deg, rgba(65, 145, 151, 0.1), rgba(120, 214, 198, 0.1));\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    border-radius: 10px;\n    pointer-events: none;\n}\n\n\/* Hover state *\/\n.modern-icon-box:hover {\n    transform: translateY(-4px);\n    border-color: #78D6C6;\n    box-shadow: \n        0 20px 40px rgba(0, 0, 0, 0.3),\n        0 0 20px rgba(120, 214, 198, 0.2);\n}\n\n.modern-icon-box:hover::before {\n    opacity: 1;\n}\n\n.modern-icon-box:hover .icon-display {\n    transform: scale(1.1);\n}\n\n\/* Icon display centering *\/\n.icon-display {\n    position: relative;\n    z-index: 2;\n    width: 48px;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #78D6C6;\n    font-size: 24px;\n    transition: transform 0.3s ease;\n}\n\n.icon-display svg,\n.icon-display i {\n    width: 100%;\n    height: 100%;\n    font-size: 24px;\n    color: #78D6C6;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.icon-display svg {\n    width: 100%;\n    height: 100%;\n    max-width: 48px;\n    max-height: 48px;\n    fill: none;\n    stroke: #78D6C6;\n}\n\n.icon-display svg path,\n.icon-display svg circle,\n.icon-display svg line,\n.icon-display svg rect {\n    stroke: #78D6C6;\n}\n\n\/* Icon code (class name) - appears on hover *\/\n.icon-code {\n    position: absolute;\n    bottom: 12px;\n    left: 12px;\n    right: 12px;\n    z-index: 2;\n    font-family: \"SF Mono\", \"Monaco\", \"Inconsolata\", \"Roboto Mono\", monospace;\n    font-size: 10px;\n    color: #78D6C6;\n    background: rgba(22, 28, 34, 0.95);\n    padding: 6px 8px;\n    border-radius: 4px;\n    border: 1px solid #419197;\n    word-break: break-all;\n    line-height: 1.3;\n    opacity: 0;\n    transform: translateY(10px);\n    transition: all 0.3s ease;\n    backdrop-filter: blur(10px);\n}\n\n.modern-icon-box:hover .icon-code {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* Copy button *\/\n.copy-button {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    background: rgba(120, 214, 198, 0.9);\n    color: #161C22;\n    border: none;\n    border-radius: 6px;\n    padding: 8px 12px;\n    font-size: 11px;\n    font-weight: 600;\n    cursor: pointer;\n    opacity: 0;\n    transform: scale(0.8) translateY(-5px);\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    z-index: 3;\n    backdrop-filter: blur(10px);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n}\n\n\/* Show copy button on icon box hover - THIS WAS MISSING! *\/\n.modern-icon-box:hover .copy-button {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n}\n\n\/* Copy button hover state *\/\n.copy-button:hover {\n    background: rgba(65, 145, 151, 1) !important;\n    color: white !important;\n    transform: scale(1.05) translateY(0) !important;\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n}\n\n\/* Copy feedback tooltip *\/\n.copy-feedback {\n    position: absolute;\n    top: -30px;\n    right: 0;\n    background: #10b981;\n    color: white;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 10px;\n    opacity: 0;\n    transform: translateY(10px);\n    transition: all 0.3s ease;\n    pointer-events: none;\n    z-index: 4;\n    white-space: nowrap;\n}\n\n.copy-feedback.show {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\/* Debug and fallback styles *\/\n.debug-box {\n    background: #fff3cd;\n    border: 1px solid #ffeaa7;\n    padding: 10px;\n    margin: 10px 0;\n    border-radius: 4px;\n    font-size: 12px;\n    font-family: monospace;\n    color: #856404;\n}\n\n.error-icon {\n    background: #ffebee;\n    border: 1px solid #f44336;\n    color: #c62828;\n    padding: 10px;\n    border-radius: 4px;\n    font-size: 12px;\n    text-align: center;\n}\n\n\/* =============== RESPONSIVE MEDIA QUERIES =============== *\/\n\n\/* Tablet and Mobile: Up to 768px *\/\n@media (max-width: 768px) {\n    .modern-icon-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n        padding: 16px 0;\n        margin-bottom: 32px; \/* Slightly less space on smaller screens *\/\n    }\n\n    .icon-display {\n        width: 40px;\n        height: 40px;\n        font-size: 20px;\n    }\n\n    .icon-display svg {\n        max-width: 40px;\n        max-height: 40px;\n    }\n\n    .icon-code {\n        font-size: 9px;\n        padding: 4px 6px;\n    }\n\n    .copy-button {\n        padding: 6px 10px;\n        font-size: 10px;\n    }\n}\n\n\/* Extra Small Devices: iPhone SE, etc. (up to 480px) *\/\n@media (max-width: 480px) {\n    .modern-icon-grid-wrapper {\n        padding: 0 12px;\n    }\n\n    .modern-icon-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 14px;\n        padding: 12px 0;\n        margin-bottom: 24px;\n    }\n\n    .icon-display {\n        width: 36px;\n        height: 36px;\n        font-size: 18px;\n    }\n\n    .icon-display svg {\n        max-width: 36px;\n        max-height: 36px;\n    }\n\n    .icon-code {\n        font-size: 8px;\n        padding: 3px 5px;\n    }\n\n    .copy-button {\n        padding: 5px 8px;\n        font-size: 9px;\n    }\n\n    .copy-feedback {\n        font-size: 9px;\n        padding: 3px 6px;\n    }\n}\n\n\/* Optional: Very small screens (e.g. 320px) *\/\n@media (max-width: 360px) {\n    .modern-icon-grid {\n        margin-bottom: 20px;\n        gap: 12px;\n    }\n\n    .icon-display {\n        width: 32px;\n        height: 32px;\n    }\n}\n    <\/style><div id=\"icon-grid-content\"><div class=\"modern-icon-grid\"><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;arrow-right&quot;&gt;&lt;\/i&gt;\" data-post-id=\"105\" data-title=\"arrow right\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"#78D6C6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;arrow-right&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-camera&quot;&gt;&lt;\/i&gt;\" data-post-id=\"379\" data-title=\"camera\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n  <path d=\"M9 3h6l2 2h4v16H3V5h4l2-2zm3 14a5 5 0 1 0 0-10 5 5 0 0 0 0 10z\" fill=\"currentColor\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-camera&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-close&quot;&gt;&lt;\/i&gt;\" data-post-id=\"335\" data-title=\"close\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M18 6L6 18M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-close&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-facebook&quot;&gt;&lt;\/i&gt;\" data-post-id=\"364\" data-title=\"facebook\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg id=\"facebook-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M18 2h-3c-1.326 0-2.598.527-3.536 1.464C10.527 4.402 10 5.674 10 7v3H7v4h3v8h4v-8h3l1-4h-4V7c0-.265.105-.52.293-.707.187-.188.442-.293.707-.293h3V2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-facebook&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-hamburger&quot;&gt;&lt;\/i&gt;\" data-post-id=\"347\" data-title=\"hamburger\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M3 12H21M3 6H21M3 18H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-hamburger&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-headphone&quot;&gt;&lt;\/i&gt;\" data-post-id=\"378\" data-title=\"headphone\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n  <path d=\"M12 3a9 9 0 0 0-9 9v7h4v-5H5v-2a7 7 0 0 1 14 0v2h-2v5h4v-7a9 9 0 0 0-9-9z\" fill=\"currentColor\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-headphone&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-home&quot;&gt;&lt;\/i&gt;\" data-post-id=\"348\" data-title=\"home\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M3 12L5 10M5 10L12 3L19 10M5 10V20C5 20.5523 5.44772 21 6 21H9M19 10L21 12M19 10V20C19 20.5523 18.5523 21 18 21H15M9 21C9.55228 21 10 20.5523 10 20V16C10 15.4477 10.4477 15 11 15H13C13.5523 15 14 15.4477 14 16V20C14 20.5523 14.4477 21 15 21M9 21H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-home&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-home&quot;&gt;&lt;\/i&gt;\" data-post-id=\"107\" data-title=\"home\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\" stroke=\"#78D6C6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <polyline points=\"9,22 9,12 15,12 15,22\" stroke=\"#78D6C6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-home&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-briefcase&quot;&gt;&lt;\/i&gt;\" data-post-id=\"130\" data-title=\"icon briefcase\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M20 7H4C2.89543 7 2 7.89543 2 9V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V9C22 7.89543 21.1046 7 20 7Z\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <path d=\"M16 21V5C16 4.46957 15.7893 3.96086 15.4142 3.58579C15.0391 3.21071 14.5304 3 14 3H10C9.46957 3 8.96086 3.21071 8.58579 3.58579C8.21071 3.96086 8 4.46957 8 5V21\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-briefcase&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-building&quot;&gt;&lt;\/i&gt;\" data-post-id=\"141\" data-title=\"icon building\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M19 21V5C19 4.46957 18.7893 3.96086 18.4142 3.58579C18.0391 3.21071 17.5304 3 17 3H7C6.46957 3 5.96086 3.21071 5.58579 3.58579C5.21071 3.96086 5 4.46957 5 5V21M19 21H5M19 21H22M5 21H2M9 7H11M9 11H11M9 15H11M13 7H15M13 11H15M13 15H15\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-building&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-clock&quot;&gt;&lt;\/i&gt;\" data-post-id=\"142\" data-title=\"icon clock\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <path d=\"M12 6V12L16 14\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-clock&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-document&quot;&gt;&lt;\/i&gt;\" data-post-id=\"143\" data-title=\"icon document\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <path d=\"M14 2V8H20\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <path d=\"M16 13H8\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <path d=\"M16 17H8\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <path d=\"M10 9H9H8\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-document&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-dollar-sign&quot;&gt;&lt;\/i&gt;\" data-post-id=\"144\" data-title=\"icon dollar sign\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M12 1V23M17 5H9.5C8.57174 5 7.6815 5.36875 7.02513 6.02513C6.36875 6.6815 6 7.57174 6 8.5C6 9.42826 6.36875 10.3185 7.02513 10.9749C7.6815 11.6313 8.57174 12 9.5 12H14.5C15.4283 12 16.3185 12.3687 16.9749 13.0251C17.6313 13.6815 18 14.5717 18 15.5C18 16.4283 17.6313 17.3185 16.9749 17.9749C16.3185 18.6313 15.4283 19 14.5 19H6\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-dollar-sign&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-growth-chart&quot;&gt;&lt;\/i&gt;\" data-post-id=\"145\" data-title=\"icon growth chart\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M18 20V10M12 20V4M6 20V14\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-growth-chart&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-handshake&quot;&gt;&lt;\/i&gt;\" data-post-id=\"146\" data-title=\"icon handshake\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M12 10V7M12 7H9M12 7H15M12 7V10M7 13H4V10H7V13ZM20 13H17V10H20V13ZM7 13V16H4V13H7ZM20 13V16H17V13H20ZM7 13H17M7 13V10M17 13V10\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-handshake&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-lightbulb&quot;&gt;&lt;\/i&gt;\" data-post-id=\"148\" data-title=\"icon lightbulb\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M9.663 17H14.34M12 3V4M18.364 5.636L17.656 6.344M21 12H20M4 12H3M6.344 6.344L5.636 5.636M15.536 15.536C16.4738 14.5984 17.0001 13.3262 17.0001 12C17.0001 10.6739 16.4738 9.40165 15.536 8.464C14.5984 7.52622 13.3262 7 12 7C10.6739 7 9.40165 7.52622 8.464 8.464C7.52622 9.40165 7 10.6739 7 12C7 13.3262 7.52622 14.5984 8.464 15.536C9.40165 16.4738 10.6739 17 12 17C13.3262 17 14.5984 16.4738 15.536 15.536Z\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-lightbulb&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-presentation-chart&quot;&gt;&lt;\/i&gt;\" data-post-id=\"149\" data-title=\"icon presentation chart\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21Z\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <path d=\"M9 17V11M12 17V7M15 17V14\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-presentation-chart&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-target&quot;&gt;&lt;\/i&gt;\" data-post-id=\"150\" data-title=\"icon target\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <path d=\"M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <path d=\"M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-target&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-download&quot;&gt;&lt;\/i&gt;\" data-post-id=\"346\" data-title=\"icon-download\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M12 15V3M12 15L8 11M12 15L16 11M21 15V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-download&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-instagram&quot;&gt;&lt;\/i&gt;\" data-post-id=\"365\" data-title=\"instagram\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg id=\"instagram-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n  <circle cx=\"12\" cy=\"12\" r=\"5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n  <circle cx=\"18\" cy=\"6\" r=\"1\" fill=\"currentColor\"\/>\r\n<\/svg>\r\n<\/div><div class=\"icon-code\">&lt;i class=&quot;icon-instagram&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-keyboard&quot;&gt;&lt;\/i&gt;\" data-post-id=\"381\" data-title=\"keyboard\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n  <path d=\"M4 5h16v14H4V5zm2 2v10h12V7H6zm2 2h2v2H8V9zm3 0h2v2h-2V9zm3 0h2v2h-2V9zm-6 3h2v2H8v-2zm3 0h2v2h-2v-2zm3 0h2v2h-2v-2zm-6 3h8v2H8v-2z\" fill=\"currentColor\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-keyboard&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-laptop&quot;&gt;&lt;\/i&gt;\" data-post-id=\"377\" data-title=\"laptop\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n  <path d=\"M4 5h16v12H4V5zm2 2v8h12V7H6zm-2 9h20v2H4v-2z\" fill=\"currentColor\"\/>\r\n<\/svg>\r\n<\/div><div class=\"icon-code\">&lt;i class=&quot;icon-laptop&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-linkedin&quot;&gt;&lt;\/i&gt;\" data-post-id=\"366\" data-title=\"linked in\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg id=\"linkedin-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n  <rect x=\"2\" y=\"9\" width=\"4\" height=\"12\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n  <circle cx=\"4\" cy=\"4\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-linkedin&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-notification&quot;&gt;&lt;\/i&gt;\" data-post-id=\"350\" data-title=\"notification\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-notification&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-printer&quot;&gt;&lt;\/i&gt;\" data-post-id=\"380\" data-title=\"printer\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n  <path d=\"M6 2h12v6h4v10h-4v4H6v-4H2V8h4V2zm2 6h8V4H8v4zm-2 8v-4h12v4H6z\" fill=\"currentColor\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-printer&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-router&quot;&gt;&lt;\/i&gt;\" data-post-id=\"386\" data-title=\"router\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n  <path d=\"M5 5h14v14H5V5zm2 2v10h10V7H7zm2 2h6v2H9V9zm0 3h6v2H9v-2z\" fill=\"currentColor\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-router&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-search&quot;&gt;&lt;\/i&gt;\" data-post-id=\"351\" data-title=\"search\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <circle cx=\"11\" cy=\"11\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n  <path d=\"M21 21L16.65 16.65\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-search&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-server&quot;&gt;&lt;\/i&gt;\" data-post-id=\"385\" data-title=\"server\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n  <path d=\"M4 3h16v4H4V3zm0 6h16v4H4V9zm0 6h16v4H4v-4zm2-9h2v2H6V6zm0 6h2v2H6v-2z\" fill=\"currentColor\"\/>\r\n<\/svg>\r\n<\/div><div class=\"icon-code\">&lt;i class=&quot;icon-server&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-setting-gear&quot;&gt;&lt;\/i&gt;\" data-post-id=\"109\" data-title=\"setting gear\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"#78D6C6\" stroke-width=\"2\"\/>\r\n  <path d=\"M12 1v6m0 6v6m11-7h-6m-6 0H1m15.5-3.5l-4.24 4.24M7.76 12.24L3.5 16.5m13-13l-4.24 4.24M7.76 7.76L3.5 3.5\" stroke=\"#78D6C6\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-setting-gear&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-smartphone&quot;&gt;&lt;\/i&gt;\" data-post-id=\"368\" data-title=\"smartphone\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n  <path d=\"M7 2h10v20H7V2zm2 2v16h6V4H9zm3 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2z\" fill=\"currentColor\"\/>\r\n<\/svg>\r\n<\/div><div class=\"icon-code\">&lt;i class=&quot;icon-smartphone&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-twitter&quot;&gt;&lt;\/i&gt;\" data-post-id=\"367\" data-title=\"twitter\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg id=\"twitter-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5 0-.28-.03-.56-.08-.83A7.72 7.72 0 0 0 23 3z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-twitter&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-upload&quot;&gt;&lt;\/i&gt;\" data-post-id=\"352\" data-title=\"upload\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M12 9V21M12 9L8 13M12 9L16 13M21 9V15C21 16.1046 20.1046 17 19 17H5C3.89543 17 3 16.1046 3 15V9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-upload&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-user&quot;&gt;&lt;\/i&gt;\" data-post-id=\"108\" data-title=\"user\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\" stroke=\"#78D6C6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"#78D6C6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-user&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-user-profile&quot;&gt;&lt;\/i&gt;\" data-post-id=\"313\" data-title=\"user-profile\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <circle cx=\"12\" cy=\"8\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n  <path d=\"M5.33788 18C6.06687 15.3478 8.8266 13.5 12 13.5C15.1734 13.5 17.9331 15.3478 18.6621 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n<\/svg>\r\n<\/div><div class=\"icon-code\">&lt;i class=&quot;icon-user-profile&quot;&gt;&lt;\/i&gt;<\/div><\/div><div class=\"modern-icon-box\" data-icon-code=\"&lt;i class=&quot;icon-youtube&quot;&gt;&lt;\/i&gt;\" data-post-id=\"353\" data-title=\"youtube\"><button class=\"copy-button\" onclick=\"copyIconCode(this)\">Copy<\/button><div class=\"copy-feedback\">Copied!<\/div><div class=\"icon-display\"><svg id=\"youtube-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n  <path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 12a29 29 0 0 0 .46 5.58 2.78 2.78 0 0 0 1.94 2c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2A29 29 0 0 0 23 12a29 29 0 0 0-.46-5.58z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n  <path d=\"M9.75 15.02l5.75-3.27-5.75-3.27v6.54z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg><\/div><div class=\"icon-code\">&lt;i class=&quot;icon-youtube&quot;&gt;&lt;\/i&gt;<\/div><\/div><\/div><\/div><script>\n    function copyIconCode(button) {\n        const iconBox = button.closest(\".modern-icon-box\");\n        const iconCode = iconBox.getAttribute(\"data-icon-code\");\n        const feedback = iconBox.querySelector(\".copy-feedback\");\n        \n        if (navigator.clipboard) {\n            navigator.clipboard.writeText(iconCode).then(() => {\n                showFeedback(feedback, button);\n            }).catch(err => {\n                fallbackCopy(iconCode, feedback, button);\n            });\n        } else {\n            fallbackCopy(iconCode, feedback, button);\n        }\n    }\n    \n    function showFeedback(feedback, button) {\n        feedback.classList.add(\"show\");\n        button.textContent = \"Copied!\";\n        button.style.background = \"#10b981\";\n        \n        setTimeout(() => {\n            feedback.classList.remove(\"show\");\n            button.textContent = \"Copy\";\n            button.style.background = \"rgba(120, 214, 198, 0.9)\";\n        }, 2000);\n    }\n    \n    function fallbackCopy(text, feedback, button) {\n        const textarea = document.createElement(\"textarea\");\n        textarea.value = text;\n        textarea.style.position = \"fixed\";\n        document.body.appendChild(textarea);\n        textarea.select();\n        \n        try {\n            const successful = document.execCommand(\"copy\");\n            if (successful) {\n                showFeedback(feedback, button);\n            } else {\n                button.textContent = \"Error\";\n                setTimeout(() => button.textContent = \"Copy\", 1500);\n            }\n        } catch (err) {\n            console.error(\"Fallback copy failed:\", err);\n            button.textContent = \"Error\";\n            setTimeout(() => button.textContent = \"Copy\", 1500);\n        }\n        \n        document.body.removeChild(textarea);\n    }\n    <\/script><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e071da7 elementor-widget elementor-widget-spacer\" data-id=\"e071da7\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2654087 elementor-widget elementor-widget-spacer\" data-id=\"2654087\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Browse Icons<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/webcrowd.co.in\/iconcdn\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webcrowd.co.in\/iconcdn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webcrowd.co.in\/iconcdn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webcrowd.co.in\/iconcdn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webcrowd.co.in\/iconcdn\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":10,"href":"https:\/\/webcrowd.co.in\/iconcdn\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":396,"href":"https:\/\/webcrowd.co.in\/iconcdn\/wp-json\/wp\/v2\/pages\/12\/revisions\/396"}],"wp:attachment":[{"href":"https:\/\/webcrowd.co.in\/iconcdn\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}