stevenpaw/stevens-silverstripe-icons

A whole Set of new icons for SilverStripe CMS

dev-main 2026-06-15 14:12 UTC

BSD-3-Clause

• Steffen Kahl

• admin
• silverstripe
• pages
• icons
• sp
• elemental
• Steven

README

This module adds a set of new icons to use in the Sivlerstripe CMS as Elemental Icons, Page Icons or Admin Icons.

Installation

To install, use composer: composer require stevenpaw/stevens-silverstripe-icons

How to use

To use, simply set the icon in the class using the sp-icon- prefix:

    //In Elements:
    private static $icon = 'sp-icon-news-element';

    //In Admins:
    private static $menu_icon_class = 'sp-icon-news-admin';

    //In Pages:
    private static $cms_icon_class = 'sp-icon-news-page';

Colored Icons

There is also the option to use colored icons by adding the -currentColor suffix to the class name, e.g. sp-icon-news-element-currentColor. These are currently only tested in the CMS-Sidebar for use with the CMS Theme Module for example.

Available icons

Element	Admin	Page
sp-icon-empty-element	sp-icon-empty-admin	sp-icon-empty-page
sp-icon-verticalmedia-element	sp-icon-verticalmedia-admin	sp-icon-verticalmedia-page
sp-icon-slider-element	sp-icon-slider-admin	sp-icon-slider-page
sp-icon-team-element	sp-icon-team-admin	sp-icon-team-page
sp-icon-textimage-element	sp-icon-textimage-admin	sp-icon-textimage-page
sp-icon-hero-element	sp-icon-hero-admin	sp-icon-hero-page
sp-icon-calltoaction-element	sp-icon-calltoaction-admin	sp-icon-calltoaction-page
sp-icon-table-element	sp-icon-table-admin	sp-icon-table-page
sp-icon-intro-element	sp-icon-intro-admin	sp-icon-intro-page
sp-icon-accordion-element	sp-icon-accordion-admin	sp-icon-accordion-page
sp-icon-citationlist-element	sp-icon-citationlist-admin	sp-icon-citationlist-page
sp-icon-citation-element	sp-icon-citation-admin	sp-icon-citation-page
sp-icon-fullwidth-element	sp-icon-fullwidth-admin	sp-icon-fullwidth-page
sp-icon-calendar-element	sp-icon-calendar-admin	sp-icon-calendar-page
sp-icon-tutorial-element	sp-icon-tutorial-admin	sp-icon-tutorial-page
sp-icon-person-element	sp-icon-person-admin	sp-icon-person-page
sp-icon-horizontalmedia-element	sp-icon-horizontalmedia-admin	sp-icon-horizontalmedia-page
sp-icon-medialist-element	sp-icon-medialist-admin	sp-icon-medialist-page
sp-icon-news-element	sp-icon-news-admin	sp-icon-news-page
sp-icon-subpages-element	sp-icon-subpages-admin	sp-icon-subpages-page
sp-icon-lock-element	sp-icon-lock-admin	sp-icon-lock-page
sp-icon-box-element	sp-icon-box-admin	sp-icon-box-page
sp-icon-aperture-element	sp-icon-aperture-admin	sp-icon-aperture-page
sp-icon-listteaser-element	sp-icon-listteaser-admin	sp-icon-listteaser-page
sp-icon-teaser-element	sp-icon-teaser-admin	sp-icon-teaser-page
sp-icon-wordlist-element	sp-icon-wordlist-admin	sp-icon-wordlist-page
sp-icon-institution-element	sp-icon-institution-admin	sp-icon-institution-page
sp-icon-grid-element	sp-icon-grid-admin	sp-icon-grid-page
sp-icon-mediagrid-element	sp-icon-mediagrid-admin	sp-icon-mediagrid-page
sp-icon-video-element	sp-icon-video-admin	sp-icon-video-page
sp-icon-map-element	sp-icon-map-admin	sp-icon-map-page
sp-icon-marker-element	sp-icon-marker-admin	sp-icon-marker-page
sp-icon-crown-element	sp-icon-crown-admin	sp-icon-crown-page
sp-icon-cards-element	sp-icon-cards-admin	sp-icon-cards-page
sp-icon-star-element	sp-icon-star-admin	sp-icon-star-page
sp-icon-virtual-element	sp-icon-virtual-admin	sp-icon-virtual-page
sp-icon-megaphone-element	sp-icon-megaphone-admin	sp-icon-megaphone-page
sp-icon-qa-element	sp-icon-qa-admin	sp-icon-qa-page
sp-icon-social-element	sp-icon-social-admin	sp-icon-social-page
sp-icon-clock-element	sp-icon-clock-admin	sp-icon-clock-page
sp-icon-idea-element	sp-icon-idea-admin	sp-icon-idea-page
sp-icon-counter-element	sp-icon-counter-admin	sp-icon-counter-page
sp-icon-document-element	sp-icon-document-admin	sp-icon-document-page
sp-icon-documentlist-element	sp-icon-documentlist-admin	sp-icon-documentlist-page
sp-icon-documentpile-element	sp-icon-documentpile-admin	sp-icon-documentpile-page
sp-icon-footnote-element	sp-icon-footnote-admin	sp-icon-footnote-page
sp-icon-form-element	sp-icon-form-admin	sp-icon-form-page
sp-icon-formpages-element	sp-icon-formpages-admin	sp-icon-formpages-page
sp-icon-icon-element	sp-icon-icon-admin	sp-icon-icon-page
sp-icon-link-element	sp-icon-link-admin	sp-icon-link-page
sp-icon-partner-element	sp-icon-partner-admin	sp-icon-partner-page
sp-icon-persons-element	sp-icon-persons-admin	sp-icon-persons-page
sp-icon-shorttext-element	sp-icon-shorttext-admin	sp-icon-shorttext-page
sp-icon-text-element	sp-icon-text-admin	sp-icon-text-page
sp-icon-district-element	sp-icon-district-admin	sp-icon-district-page
sp-icon-project-element	sp-icon-project-admin	sp-icon-project-page
sp-icon-material-element	sp-icon-material-admin	sp-icon-material-page
sp-icon-download-element	sp-icon-download-admin	sp-icon-download-page
sp-icon-embed-element	sp-icon-embed-admin	sp-icon-embed-page
sp-icon-image-element	sp-icon-image-admin	sp-icon-image-page
sp-icon-doubleimage-element	sp-icon-doubleimage-admin	sp-icon-doubleimage-page
sp-icon-model-element	sp-icon-model-admin	sp-icon-model-page
sp-icon-imagemap-element	sp-icon-imagemap-admin	sp-icon-imagemap-page
sp-icon-cake-element	sp-icon-cake-admin	sp-icon-cake-page
sp-icon-book-element	sp-icon-book-admin	sp-icon-book-page
sp-icon-cashregister-element	sp-icon-cashregister-admin	sp-icon-cashregister-page
sp-icon-money-element	sp-icon-money-admin	sp-icon-money-page
sp-icon-statistics-element	sp-icon-statistics-admin	sp-icon-statistics-page
sp-icon-cart-element	sp-icon-cart-admin	sp-icon-cart-page
sp-icon-speaker-element	sp-icon-speaker-admin	sp-icon-speaker-page
sp-icon-glossary-element	sp-icon-glossary-admin	sp-icon-glossary-page
sp-icon-phone-element	sp-icon-phone-admin	sp-icon-phone-page
sp-icon-mail-element	sp-icon-mail-admin	sp-icon-mail-page
sp-icon-message-element	sp-icon-message-admin	sp-icon-message-page
sp-icon-chat-element	sp-icon-chat-admin	sp-icon-chat-page