GraphQL#

You can fetch field content via GraphQL for Icon Picker fields. The resulting values will be identical to an icon object.

{
    entries(id: 1234) {
        ... on blog_blog_Entry {
            iconPickerField {
                url
                icon
                sprite
                glyphId
                glyphName
                iconSet
                type
                css
                width
                height
                path
                inline
                iconName
                hasIcon
                serializedValue
                glyph
            }
        }
    }
}

{
    "data": {
        "entries": [
            {
                "iconPickerSvg": {
                    "url": "/assets/icons/address-book.svg",
                    "icon": "/address-book.svg",
                    "sprite": null,
                    "glyphId": null,
                    "glyphName": null,
                    "iconSet": null,
                    "type": null,
                    "css": null,
                    "width": null,
                    "height": null,
                    "path": "/assets/icons/address-book.svg",
                    "inline": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><path d=\"M436 160c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h320c26.5 0 48-21.5 48-48v-48h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20zm-68 304H48V48h320v416zM208 256c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm-89.6 128h179.2c12.4 0 22.4-8.6 22.4-19.2v-19.2c0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6v19.2c0 10.6 10 19.2 22.4 19.2z\"/></svg>",
                    "iconName": "address-book",
                    "hasIcon": "1",
                    "serializedValue": null,
                    "glyph": "&#x0"
                }
            }
        ]
    }
}

Previous ← Icon Sources