Cisco Common Desktop Stock Icon Names with Image

The digital channel configuration schema considers the Cisco Common Desktop icon (CD-icon) name as its value. The icons are composed of different elements. Sign in to Cisco Finesse and paste the following JavaScript code in the editor of your browser developer console to see the list of CD-UI icon names and their visual design. This script cleans the Cisco Finesse web page, displays the icon name, and renders it in an HTML table. Refresh the browser to reflect the changes.

Example

var showIcons = function() {
    $('body').html('');

    $('body').append("<table border='1' background-color:#a0c0a0;'>" +
        "<thead style='display: none;'><th>Icon Name</th>" +
        "<th>Icon</th></thead><tbody  " +
        "style='display: block;  overflow-y: auto; height: 600px'>" +
        "</tbody></table>");

    var icons = window.top.cd.core.cdIcon;

    var addIcon = function(name, iconJson) {

        var width = (iconJson.width) ? iconJson.width : 1000;
        var height = (iconJson.height) ? iconJson.height : 1000;

        var iconBuilt = "<tr><td>" + name +
            "</td><td><svg width='" + width +
            "' height='" + height +
            "' style='height: 30px; width: 30px;'  viewBox='" +
            iconJson.viewBox + "'>" +
            iconJson.value + "</svg></td></tr>";


        try {
            $('tbody').append(iconBuilt);
        } catch (e) {
            console.error("Error when adding " + name, e);
        }
    }

    for (var icon in icons) {
        if (icons[icon].viewBox) addIcon(icon, icons[icon])
    }
}

showIcons()