PHPackages                             thezenmonkey/silverstripe-svgspritefield - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. thezenmonkey/silverstripe-svgspritefield

ActiveSilverstripe-vendormodule[Image & Media](/categories/media)

thezenmonkey/silverstripe-svgspritefield
========================================

A module add SVGSprites to Silverstripe

226PHP

Since Sep 7Pushed 7y ago1 watchersCompare

[ Source](https://github.com/thezenmonkey/SVGSpriteField)[ Packagist](https://packagist.org/packages/thezenmonkey/silverstripe-svgspritefield)[ RSS](/packages/thezenmonkey-silverstripe-svgspritefield/feed)WikiDiscussions master Synced yesterday

READMEChangelogDependenciesVersions (1)Used By (0)

SVGSpriteField
==============

[](#svgspritefield)

This module lets you assign icons to a DataObject using [SVG Sprites](https://css-tricks.com/svg-sprites-use-better-icon-fonts/). It can be configured to use a default sprite file or a custom sprite file can be on a per-field basis. This module is heavily based on [jaedb/IconField](https://github.com/jaedb/IconField) and if you need a solution that used multiple image files for icons you should use th one.

Requirements
------------

[](#requirements)

SilverStripe CMS ^4.2 Silverstripe SVG ^2 (for inlining Sprites)

Installation
------------

[](#installation)

```
composer require thezenmonkey/silverstripe-svgspritefield

```

Configuration
-------------

[](#configuration)

The Sprite field is a subclass of OptionSetField and takes the same parameters with a SVG Sprite File being used as the source array.

Usage
-----

[](#usage)

- Set your $db field to type Icon (eg 'Icon' => Sprite::class)
- `SpriteField::create($name, $title, $iconFolder)`
    - *$name* is the database field as defined in your class
    - *$title* is the label for this field
    - *$sourceFile* (optional) defines SVG Sprite file with Icons.

### Setting Up Sprites

[](#setting-up-sprites)

The module will use the `symbol` as the value stored in your database. The `` provides the Name od the Icon.

### Templates

[](#templates)

To use in you theme use the stndard SVG use markup with *$Value* as the name of your DataBase field

```

```

Ensure you include the SVG source file somewhere on the page set to display none

```
{$SVG('mysource.svg').customBasePath('my/base/path').extraClass('myhiddenclass')}
```

Please see [SilverStripe SVG](https://github.com/stevie-mayhew/silverstripe-svg) for correct implementation.

Acknowledgments
---------------

[](#acknowledgments)

- [jaedb/IconField](https://github.com/jaedb/IconField)
- [CSS Tricks](https://css-tricks.com/svg-sprites-use-better-icon-fonts/)
- [SilverStripe SVG](https://github.com/stevie-mayhew/silverstripe-svg)

ToDo
----

[](#todo)

- More Configuration Options
- Built-in Template
- Built in inclusion of SpriteFile on page

###  Health Score

21

—

LowBetter than 19% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity9

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity40

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/edcb58d638f0b809f943935c9b9dc3dd7de6556d624a3e1e025cff8a03c1b6be?d=identicon)[thezenmonkey](/maintainers/thezenmonkey)

---

Top Contributors

[![thezenmonkey](https://avatars.githubusercontent.com/u/1685217?v=4)](https://github.com/thezenmonkey "thezenmonkey (6 commits)")

### Embed Badge

![Health badge](/badges/thezenmonkey-silverstripe-svgspritefield/health.svg)

```
[![Health](https://phpackages.com/badges/thezenmonkey-silverstripe-svgspritefield/health.svg)](https://phpackages.com/packages/thezenmonkey-silverstripe-svgspritefield)
```

###  Alternatives

[milon/barcode

Barcode generator like Qr Code, PDF417, C39, C39+, C39E, C39E+, C93, S25, S25+, I25, I25+, C128, C128A, C128B, C128C, 2-Digits UPC-Based Extention, 5-Digits UPC-Based Extention, EAN 8, EAN 13, UPC-A, UPC-E, MSI (Variation of Plessey code)

1.5k13.3M39](/packages/milon-barcode)[bkwld/croppa

Image thumbnail creation through specially formatted URLs for Laravel

510496.0k23](/packages/bkwld-croppa)[char0n/ffmpeg-php

PHP wrapper for FFmpeg application

495225.1k1](/packages/char0n-ffmpeg-php)[goat1000/svggraph

Generates SVG graphs

132849.6k3](/packages/goat1000-svggraph)[cohensive/embed

Media Embed (for Laravel or as a standalone).

120370.4k](/packages/cohensive-embed)[netresearch/rte-ckeditor-image

Image support in CKEditor for the TYPO3 ecosystem - by Netresearch

63991.3k4](/packages/netresearch-rte-ckeditor-image)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)