Safesprite Icons

Safesprite Icons is a secure SVG icon library for WordPress that compiles used icons into a footer SVG spritesheet and renders them with lightweight <use> references – so you reuse brand icons without duplicating raw SVG markup on every page.

Upload your own custom SVG icons, organize them in collections, sanitize every file on upload, and insert them with a shared icon picker in Gutenberg, Elementor, Classic Editor (TinyMCE), nav menus, shortcode, or PHP.

Why SVG sprites?

• One spritesheet in the footer (<symbol> definitions) instead of repeating full SVG code
• Body output stays small: <svg><use href="#..."></svg>
• Better for performance when the same icons appear many times (menus, cards, loops)
• Site-owned assets only – no remote icon CDNs in v1

Security first

• SVG uploads are accepted only through the plugin Icon Library
• This plugin does not enable SVG uploads in the WordPress Media Library (it is not a “Safe SVG / SVG Support” Media Library plugin)
• Uploads are sanitized with the vendored enshrined/svg-sanitize library (GPL-2.0-or-later), shipped inside the plugin
• Front-end output uses sanitized <symbol> sprites + <use> – not raw uploaded files as <img src="....svg">

Features

• Secure SVG icon library with collections (folders)
• Rename icon titles and collection names (slugs stay stable for shortcodes/blocks)
• Trash / restore / permanent delete
• Shared icon picker across editors
• Gutenberg SVG icon block (size + color controls)
• Elementor SVG icon widget (loads only when Elementor is active)
• TinyMCE button
• Shortcode: [sfsi_icon slug="my-icon"]
• PHP helper: sfsi_icon( 'my-icon' )
• Nav menu item icons
• Automatic footer SVG spritesheet compiler

For developers

• Shortcode: [sfsi_icon slug="my-icon"]
• PHP helper: sfsi_icon( 'my-icon' ) in themes or plugins
• Settings hooks: sfsi_register_settings_fields (action), sfsi_sanitize_settings (filter)

Who is this for?

• Sites that need brand icons and custom SVGs without opening Media Library SVG uploads
• Developers who want SVG sprite / spritesheet rendering instead of heavy inline SVG bloat
• Teams using Gutenberg and/or Elementor with one shared library