Swirl Icons
This package contains the Swirl icon set in different formats. To use the
icons as Web Components or Angular/React components, please use
@getflip/swirl-components.
Installation
yarn add @getflip/swirl-icons
npm install @getflip/swirl-icons
Usage
Use as Web Fonts
You can find different (web) font formats in the dist
directory. Corresponding
.css
, .less
, .scss
and .styl
files include the necessary styles to use
the icon fonts.
Use SVG symbols
The dist
directory includes a swirl-icons.symbol.svg
file which defines all
icons as SVG symbols. The symbols can be used as follows:
<svg viewBox="0 0 16 16">
<use xlink:href="#swirl-icons-Add16" />
</svg>
<svg viewBox="0 0 24 24">
<use xlink:href="#swirl-icons-Add24" />
</svg>
<svg viewBox="0 0 28 28">
<use xlink:href="#swirl-icons-Add28" />
</svg>
Use the separate SVG files
The icons
directory includes all icons as separate files, which can be used
via the img
tag.
<img src="icons/Add16.svg" alt="" />