6  Icons

The Digital Services team has provided a nifty set of icons on the San Francisco Design System website. You can use these icons in Quarto (HTML) documents by installing the sficons extension from GitHub here.

quarto install extension SFOEWD/sficons

To embed an icon, use the shortcode. Some examples:

{{< sficon wip >}}
{{< sficon alert >}}

{{< sficon arrow-right color=firebrick >}}

{{< sficon globe color=green size=5em >}}

{{< sficon pencil color=gold size=10em >}}

Control the color and size of the icons: