Origami Frontend Components & Services

Demos: o-icons


o-icons provides helper Sass and some basic html classes for the fticons image set. This demo shows all icons available via o-icons. Build Service users may use the Image Service to fetch an icon svg from the fticons imageset directly. See the README for more details.

Custom Icons

This demo shows icons customised using o-icons helper Sass. Instead of using o-icons, Build Service users should use the Image Service to fetch a customised icon svg from the fticons imageset. See the README for more details.

Switch component view

GitHub: o-icons@7.6.0

Install o-icons

If using the Build Service, add o-icons@^7.6.0 to your link tag. Ensure the correct brand is set with a query parameter &brand=internal.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-icons@^7.6.0".

Help & Support

o-icons is maintained directly by the Origami team. If you have any questions about o-icons or Origami in general, we are happy to help. 😊

Slack: #origami-support
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #origami-support
Email: origami.support@ft.com