3. Icons#

Volto has a pre-defined set of SVG icons from the Pastanaga UI icon system. You can find them in the code repo in here. They are also browseable in https://pastanaga.io/icons/.

The following example shows how to display one of these icons.

import addUserSVG from '@plone/volto/icons/add-user.svg';
import { Icon } from '@plone/volto/components';

<Icon name={addUserSVG} size="24px" />;

Note

These icons are intended to be used only in the "official" Plone Pastanaga UI. Please refrain from using them on personal projects unless they are based on Plone.