Please keep in mind that it's optional to set the variant and size for the following ones, as this size (24) and style (outline) combination is defined as the default.
In case that you'll need another default in your project, you could overwrite the defaults by modifying the $icon-size
and $icon-style
SCSS variables.
@include icon(glyph(1st-class))
or @include icon(glyph(1st-class), 24, "outline")
data-icon="1st-class"
or data-icon="1st-class" data-icon-variant="24-outline"
@include icon(glyph(2nd-class))
or @include icon(glyph(2nd-class), 24, "outline")
data-icon="2nd-class"
or data-icon="2nd-class" data-icon-variant="24-outline"
@include icon(glyph(alternative-connection))
or @include icon(glyph(alternative-connection), 24, "outline")
data-icon="alternative-connection"
or data-icon="alternative-connection" data-icon-variant="24-outline"
@include icon(glyph(booking))
or @include icon(glyph(booking), 24, "outline")
data-icon="booking"
or data-icon="booking" data-icon-variant="24-outline"
@include icon(glyph(capacity-indicator))
or @include icon(glyph(capacity-indicator), 24, "outline")
data-icon="capacity-indicator"
or data-icon="capacity-indicator" data-icon-variant="24-outline"
@include icon(glyph(capacity-indicator-fully-booked))
or @include icon(glyph(capacity-indicator-fully-booked), 24, "outline")
data-icon="capacity-indicator-fully-booked"
or data-icon="capacity-indicator-fully-booked" data-icon-variant="24-outline"
@include icon(glyph(capacity-indicator-high))
or @include icon(glyph(capacity-indicator-high), 24, "outline")
data-icon="capacity-indicator-high"
or data-icon="capacity-indicator-high" data-icon-variant="24-outline"
@include icon(glyph(capacity-indicator-low))
or @include icon(glyph(capacity-indicator-low), 24, "outline")
data-icon="capacity-indicator-low"
or data-icon="capacity-indicator-low" data-icon-variant="24-outline"
@include icon(glyph(destination))
or @include icon(glyph(destination), 24, "outline")
data-icon="destination"
or data-icon="destination" data-icon-variant="24-outline"
@include icon(glyph(intermediary-stop))
or @include icon(glyph(intermediary-stop), 24, "outline")
data-icon="intermediary-stop"
or data-icon="intermediary-stop" data-icon-variant="24-outline"
@include icon(glyph(mixed-class))
or @include icon(glyph(mixed-class), 24, "outline")
data-icon="mixed-class"
or data-icon="mixed-class" data-icon-variant="24-outline"
@include icon(glyph(round-trip))
or @include icon(glyph(round-trip), 24, "outline")
data-icon="round-trip"
or data-icon="round-trip" data-icon-variant="24-outline"
@include icon(glyph(single-trip))
or @include icon(glyph(single-trip), 24, "outline")
data-icon="single-trip"
or data-icon="single-trip" data-icon-variant="24-outline"
@include icon(glyph(start))
or @include icon(glyph(start), 24, "outline")
data-icon="start"
or data-icon="start" data-icon-variant="24-outline"