A collection of SVG icons for use in Royal Navy web application development.
The icon library uses the Google Material icon set as a baseline.
It has been extended and supplemented with domain specific icons and silhouettes.
The Royal Navy Icon Library is available as an NPM package.
// npm
npm install @royalnavy/icon-library
// pnpm
pnpm add @royalnavy/icon-library
import { IconHome } from '@royalnavy/icon-library'
import { SilhouetteAircraftCarrier } from '@royalnavy/icon-library'
// <IconHome size={16} />
// <SilhouetteAircraftCarrier size={128} />The size prop sets the width and height attribute values of the wrapped SVG.
Add an SVG icon to src/assets/**/ and run pnpm run build to generate the consumable artefacts.
The contributing guide resource presents information about our development process.
The Design System is maintained by a team at the Royal Navy. If you want to know more about the Royal Navy Design System, please email the Design System Team.
The documentation website contains all the information you need to build your application using the Royal Navy Design System.
If you have recently updated then read the release notes
The Design System Roadmap Board contains the work that has been prioritised for the next 12 months.
The Royal Navy Design System is licensed under the Apache License 2.0.