.icon
    display: inline-block
    vertical-align: middle
    width: $font-default
    height: $font-default
    line-height: $font-default
    &.is-green
        color: $green
        fill: $green
    &.is-red
        color: $red
        fill: $red
    &.is-blue
        color: $mainColor
        fill: $mainColor
    &.is-dark
        color: $dark
        fill: $dark

    &.is-large
        width: $font-large
        height: $font-large
        line-height: $font-large

    &.is-small
        width: $font-small
        height: $font-small
        line-height: $font-small

    &.is-massive
        width: multiple($font-large, 2)
        height: multiple($font-large, 2)
        line-height: multiple($font-large, 2)