Barnekreftforeningen MinSide portal

Icon 

<!-- Account Circle -->
<span class="icon-account-circle icon-before">account-circle</span>


<!-- Bullet -->
<span class="icon-bullet icon-before">bullet</span>


<!-- Arrow Back -->
<span class="icon-arrow-back icon-before">arrow-back</span>


<!-- Arrow Forward -->
<span class="icon-arrow-forward icon-before">arrow-forward</span>


<!-- Assignment -->
<span class="icon-assignment icon-before">assignment</span>


<!-- Calendar Today -->
<span class="icon-calendar-today icon-before">calendar-today</span>


<!-- Call -->
<span class="icon-call icon-before">call</span>


<!-- Check Box Outline Blank -->
<span class="icon-check-box-outline-blank icon-before">check-box-outline-blank</span>


<!-- Check Box -->
<span class="icon-check-box icon-before">check-box</span>


<!-- Chevron Down -->
<span class="icon-chevron-down icon-before">chevron-down</span>


<!-- Chevron Left -->
<span class="icon-chevron-left icon-before">chevron-left</span>


<!-- Chevron Right -->
<span class="icon-chevron-right icon-before">chevron-right</span>


<!-- Chevron Up -->
<span class="icon-chevron-up icon-before">chevron-up</span>


<!-- Close -->
<span class="icon-close icon-before">close</span>


<!-- Credit Card -->
<span class="icon-credit-card icon-before">credit-card</span>


<!-- Expand More -->
<span class="icon-expand-more icon-before">expand-more</span>


<!-- Female -->
<span class="icon-female icon-before">female</span>


<!-- Female Colored -->
<span class="icon-female-colored icon-before">female-colored</span>


<!-- Home -->
<span class="icon-home icon-before">home</span>


<!-- Id Card -->
<span class="icon-id-card icon-before">id-card</span>


<!-- Local Shipping -->
<span class="icon-local-shipping icon-before">local-shipping</span>


<!-- Mail -->
<span class="icon-mail icon-before">mail</span>


<!-- Male -->
<span class="icon-male icon-before">male</span>


<!-- Male Colored -->
<span class="icon-male-colored icon-before">male-colored</span>


<!-- Menu -->
<span class="icon-menu icon-before">menu</span>


<!-- People -->
<span class="icon-people icon-before">people</span>


<!-- Person -->
<span class="icon-person icon-before">person</span>


<!-- Place -->
<span class="icon-place icon-before">place</span>


<!-- Radio Button Checked -->
<span class="icon-radio-button-checked icon-before">radio-button-checked</span>


<!-- Radio Button Unchecked -->
<span class="icon-radio-button-unchecked icon-before">radio-button-unchecked</span>


<!-- Today -->
<span class="icon-today icon-before">today</span>


<!-- Warning -->
<span class="icon-warning icon-before">warning</span>


<span class="icon-{{ _self.name }} {{ icon_class }}">{{ _self.name }}</span>
 
/* Account Circle */
{
  "icon_class": "icon-before"
}


/* Bullet */
{
  "icon_class": "icon-before"
}


/* Arrow Back */
{
  "icon_class": "icon-before"
}


/* Arrow Forward */
{
  "icon_class": "icon-before"
}


/* Assignment */
{
  "icon_class": "icon-before"
}


/* Calendar Today */
{
  "icon_class": "icon-before"
}


/* Call */
{
  "icon_class": "icon-before"
}


/* Check Box Outline Blank */
{
  "icon_class": "icon-before"
}


/* Check Box */
{
  "icon_class": "icon-before"
}


/* Chevron Down */
{
  "icon_class": "icon-before"
}


/* Chevron Left */
{
  "icon_class": "icon-before"
}


/* Chevron Right */
{
  "icon_class": "icon-before"
}


/* Chevron Up */
{
  "icon_class": "icon-before"
}


/* Close */
{
  "icon_class": "icon-before"
}


/* Credit Card */
{
  "icon_class": "icon-before"
}


/* Expand More */
{
  "icon_class": "icon-before"
}


/* Female */
{
  "icon_class": "icon-before"
}


/* Female Colored */
{
  "icon_class": "icon-before"
}


/* Home */
{
  "icon_class": "icon-before"
}


/* Id Card */
{
  "icon_class": "icon-before"
}


/* Local Shipping */
{
  "icon_class": "icon-before"
}


/* Mail */
{
  "icon_class": "icon-before"
}


/* Male */
{
  "icon_class": "icon-before"
}


/* Male Colored */
{
  "icon_class": "icon-before"
}


/* Menu */
{
  "icon_class": "icon-before"
}


/* People */
{
  "icon_class": "icon-before"
}


/* Person */
{
  "icon_class": "icon-before"
}


/* Place */
{
  "icon_class": "icon-before"
}


/* Radio Button Checked */
{
  "icon_class": "icon-before"
}


/* Radio Button Unchecked */
{
  "icon_class": "icon-before"
}


/* Today */
{
  "icon_class": "icon-before"
}


/* Warning */
{
  "icon_class": "icon-before"
}
Base Class Description
.icon-[name] Use any of the named icons.
Optional Class Description
.icon-before Position icon before with flexbox
.icon-after Position icon after with flexbox
.icon-align-top Align icon to top
.icon-align-bottom Align icon to bottom
.icon-lg Large size icon
.icon-md Medium size icon - Default
.icon-sm Small size icon