This example shows different ways to include an SVG in the application using Webpack.

In the HTML

Default: Inline.

With ?viewbox&height=1em, 2rem, style on circle: Font.

With ?viewbox&height=1em, 4rem, style on circle: Font.

Font Awesome ?viewbox&height=2em, style fill: #65b0ff: .

With ?viewbox: Inline.

With ?viewbox&width=3em: Inline.

With ?viewbox&height=3em: Inline.

As URL with ?url:

Note: in font, and in inline mode, CSS rules can be used to style the SVG.

In OpenLayers symbols

Using src (left to right):