.icon {
    display: inline-block;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center center;
    -webkit-mask-position: center center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat; }
    .icon.icon-2-layers {
      -webkit-mask-image: url("../svg/2-layers.svg");
      mask-image: url("../svg/2-layers.svg"); }
    .icon.icon-3-layers {
      -webkit-mask-image: url("../svg/3-layers.svg");
      mask-image: url("../svg/3-layers.svg"); }
    .icon.icon-airplay {
      -webkit-mask-image: url("../svg/airplay.svg");
      mask-image: url("../svg/airplay.svg"); }
    .icon.icon-alert-octagon {
      -webkit-mask-image: url("../svg/alert-octagon.svg");
      mask-image: url("../svg/alert-octagon.svg"); }
    .icon.icon-align-center {
      -webkit-mask-image: url("../svg/align-center.svg");
      mask-image: url("../svg/align-center.svg"); }
    .icon.icon-align-right {
      -webkit-mask-image: url("../svg/align-right.svg");
      mask-image: url("../svg/align-right.svg"); }
    .icon.icon-anchor {
      -webkit-mask-image: url("../svg/anchor.svg");
      mask-image: url("../svg/anchor.svg"); }
    .icon.icon-aperture {
      -webkit-mask-image: url("../svg/aperture.svg");
      mask-image: url("../svg/aperture.svg"); }
    .icon.icon-archive {
      -webkit-mask-image: url("../svg/archive.svg");
      mask-image: url("../svg/archive.svg"); }
    .icon.icon-arrow-down-circle {
      -webkit-mask-image: url("../svg/arrow-down-circle.svg");
      mask-image: url("../svg/arrow-down-circle.svg"); }
    .icon.icon-arrow-down-left {
      -webkit-mask-image: url("../svg/arrow-down-left.svg");
      mask-image: url("../svg/arrow-down-left.svg"); }
    .icon.icon-arrow-down-right {
      -webkit-mask-image: url("../svg/arrow-down-right.svg");
      mask-image: url("../svg/arrow-down-right.svg"); }
    .icon.icon-arrow-down {
      -webkit-mask-image: url("../svg/arrow-down.svg");
      mask-image: url("../svg/arrow-down.svg"); }
    .icon.icon-arrow-left {
      -webkit-mask-image: url("../svg/arrow-left.svg");
      mask-image: url("../svg/arrow-left.svg"); }
    .icon.icon-arrow-right-circle {
      -webkit-mask-image: url("../svg/arrow-right-circle.svg");
      mask-image: url("../svg/arrow-right-circle.svg"); }
    .icon.icon-arrow-right {
      -webkit-mask-image: url("../svg/arrow-right.svg");
      mask-image: url("../svg/arrow-right.svg"); }
    .icon.icon-arrow-up-circle {
      -webkit-mask-image: url("../svg/arrow-up-circle.svg");
      mask-image: url("../svg/arrow-up-circle.svg"); }
    .icon.icon-arrow-up-left {
      -webkit-mask-image: url("../svg/arrow-up-left.svg");
      mask-image: url("../svg/arrow-up-left.svg"); }
    .icon.icon-arrow-up-right {
      -webkit-mask-image: url("../svg/arrow-up-right.svg");
      mask-image: url("../svg/arrow-up-right.svg"); }
    .icon.icon-arrow-up {
      -webkit-mask-image: url("../svg/arrow-up.svg");
      mask-image: url("../svg/arrow-up.svg"); }
    .icon.icon-at-sign {
      -webkit-mask-image: url("../svg/at-sign.svg");
      mask-image: url("../svg/at-sign.svg"); }
    .icon.icon-award {
      -webkit-mask-image: url("../svg/award.svg");
      mask-image: url("../svg/award.svg"); }
    .icon.icon-battery-charging {
      -webkit-mask-image: url("../svg/battery-charging.svg");
      mask-image: url("../svg/battery-charging.svg"); }
    .icon.icon-battery {
      -webkit-mask-image: url("../svg/battery.svg");
      mask-image: url("../svg/battery.svg"); }
    .icon.icon-bell-off {
      -webkit-mask-image: url("../svg/bell-off.svg");
      mask-image: url("../svg/bell-off.svg"); }
    .icon.icon-bell {
      -webkit-mask-image: url("../svg/bell.svg");
      mask-image: url("../svg/bell.svg"); }
    .icon.icon-bluetooth {
      -webkit-mask-image: url("../svg/bluetooth.svg");
      mask-image: url("../svg/bluetooth.svg"); }
    .icon.icon-bold {
      -webkit-mask-image: url("../svg/bold.svg");
      mask-image: url("../svg/bold.svg"); }
    .icon.icon-book-open {
      -webkit-mask-image: url("../svg/book-open.svg");
      mask-image: url("../svg/book-open.svg"); }
    .icon.icon-book {
      -webkit-mask-image: url("../svg/book.svg");
      mask-image: url("../svg/book.svg"); }
    .icon.icon-box {
      -webkit-mask-image: url("../svg/box.svg");
      mask-image: url("../svg/box.svg"); }
    .icon.icon-briefcase {
      -webkit-mask-image: url("../svg/briefcase.svg");
      mask-image: url("../svg/briefcase.svg"); }
    .icon.icon-calendar {
      -webkit-mask-image: url("../svg/calendar.svg");
      mask-image: url("../svg/calendar.svg"); }
    .icon.icon-camera-off {
      -webkit-mask-image: url("../svg/camera-off.svg");
      mask-image: url("../svg/camera-off.svg"); }
    .icon.icon-camera {
      -webkit-mask-image: url("../svg/camera.svg");
      mask-image: url("../svg/camera.svg"); }
    .icon.icon-cast {
      -webkit-mask-image: url("../svg/cast.svg");
      mask-image: url("../svg/cast.svg"); }
    .icon.icon-check-circle {
      -webkit-mask-image: url("../svg/check-circle.svg");
      mask-image: url("../svg/check-circle.svg"); }
    .icon.icon-check-square {
      -webkit-mask-image: url("../svg/check-square.svg");
      mask-image: url("../svg/check-square.svg"); }
    .icon.icon-check {
      -webkit-mask-image: url("../svg/check.svg");
      mask-image: url("../svg/check.svg"); }
    .icon.icon-chevron-down {
      -webkit-mask-image: url("../svg/chevron-down.svg");
      mask-image: url("../svg/chevron-down.svg"); }
    .icon.icon-chevron-left {
      -webkit-mask-image: url("../svg/chevron-left.svg");
      mask-image: url("../svg/chevron-left.svg"); }
    .icon.icon-chevron-right {
      -webkit-mask-image: url("../svg/chevron-right.svg");
      mask-image: url("../svg/chevron-right.svg"); }
    .icon.icon-chevron-up {
      -webkit-mask-image: url("../svg/chevron-up.svg");
      mask-image: url("../svg/chevron-up.svg"); }
    .icon.icon-chevrons-down {
      -webkit-mask-image: url("../svg/chevrons-down.svg");
      mask-image: url("../svg/chevrons-down.svg"); }
    .icon.icon-chevrons-left {
      -webkit-mask-image: url("../svg/chevrons-left.svg");
      mask-image: url("../svg/chevrons-left.svg"); }
    .icon.icon-chevrons-right {
      -webkit-mask-image: url("../svg/chevrons-right.svg");
      mask-image: url("../svg/chevrons-right.svg"); }
    .icon.icon-chevrons-up {
      -webkit-mask-image: url("../svg/chevrons-up.svg");
      mask-image: url("../svg/chevrons-up.svg"); }
    .icon.icon-chrome {
      -webkit-mask-image: url("../svg/chrome.svg");
      mask-image: url("../svg/chrome.svg"); }
    .icon.icon-circle {
      -webkit-mask-image: url("../svg/circle.svg");
      mask-image: url("../svg/circle.svg"); }
    .icon.icon-clock {
      -webkit-mask-image: url("../svg/clock.svg");
      mask-image: url("../svg/clock.svg"); }
    .icon.icon-close {
      -webkit-mask-image: url("../svg/close.svg");
      mask-image: url("../svg/close.svg"); }
    .icon.icon-cloud-drizzle {
      -webkit-mask-image: url("../svg/cloud-drizzle.svg");
      mask-image: url("../svg/cloud-drizzle.svg"); }
    .icon.icon-cloud-lightning {
      -webkit-mask-image: url("../svg/cloud-lightning.svg");
      mask-image: url("../svg/cloud-lightning.svg"); }
    .icon.icon-cloud-off {
      -webkit-mask-image: url("../svg/cloud-off.svg");
      mask-image: url("../svg/cloud-off.svg"); }
    .icon.icon-cloud-rain {
      -webkit-mask-image: url("../svg/cloud-rain.svg");
      mask-image: url("../svg/cloud-rain.svg"); }
    .icon.icon-cloud-snow {
      -webkit-mask-image: url("../svg/cloud-snow.svg");
      mask-image: url("../svg/cloud-snow.svg"); }
    .icon.icon-cloud {
      -webkit-mask-image: url("../svg/cloud.svg");
      mask-image: url("../svg/cloud.svg"); }
    .icon.icon-code {
      -webkit-mask-image: url("../svg/code.svg");
      mask-image: url("../svg/code.svg"); }
    .icon.icon-codepen {
      -webkit-mask-image: url("../svg/codepen.svg");
      mask-image: url("../svg/codepen.svg"); }
    .icon.icon-columns {
      -webkit-mask-image: url("../svg/columns.svg");
      mask-image: url("../svg/columns.svg"); }
    .icon.icon-command {
      -webkit-mask-image: url("../svg/command.svg");
      mask-image: url("../svg/command.svg"); }
    .icon.icon-compass {
      -webkit-mask-image: url("../svg/compass.svg");
      mask-image: url("../svg/compass.svg"); }
    .icon.icon-copy {
      -webkit-mask-image: url("../svg/copy.svg");
      mask-image: url("../svg/copy.svg"); }
    .icon.icon-corner-down-left {
      -webkit-mask-image: url("../svg/corner-down-left.svg");
      mask-image: url("../svg/corner-down-left.svg"); }
    .icon.icon-corner-down-right {
      -webkit-mask-image: url("../svg/corner-down-right.svg");
      mask-image: url("../svg/corner-down-right.svg"); }
    .icon.icon-corner-left-down {
      -webkit-mask-image: url("../svg/corner-left-down.svg");
      mask-image: url("../svg/corner-left-down.svg"); }
    .icon.icon-corner-left-up {
      -webkit-mask-image: url("../svg/corner-left-up.svg");
      mask-image: url("../svg/corner-left-up.svg"); }
    .icon.icon-corner-up-left {
      -webkit-mask-image: url("../svg/corner-up-left.svg");
      mask-image: url("../svg/corner-up-left.svg"); }
    .icon.icon-corner-up-right {
      -webkit-mask-image: url("../svg/corner-up-right.svg");
      mask-image: url("../svg/corner-up-right.svg"); }
    .icon.icon-cpu {
      -webkit-mask-image: url("../svg/cpu.svg");
      mask-image: url("../svg/cpu.svg"); }
    .icon.icon-credit-card {
      -webkit-mask-image: url("../svg/credit-card.svg");
      mask-image: url("../svg/credit-card.svg"); }
    .icon.icon-crop {
      -webkit-mask-image: url("../svg/crop.svg");
      mask-image: url("../svg/crop.svg"); }
    .icon.icon-crosshair {
      -webkit-mask-image: url("../svg/crosshair.svg");
      mask-image: url("../svg/crosshair.svg"); }
    .icon.icon-database {
      -webkit-mask-image: url("../svg/database.svg");
      mask-image: url("../svg/database.svg"); }
    .icon.icon-delete {
      -webkit-mask-image: url("../svg/delete.svg");
      mask-image: url("../svg/delete.svg"); }
    .icon.icon-divide-square {
      -webkit-mask-image: url("../svg/divide-square.svg");
      mask-image: url("../svg/divide-square.svg"); }
    .icon.icon-divide {
      -webkit-mask-image: url("../svg/divide.svg");
      mask-image: url("../svg/divide.svg"); }
    .icon.icon-dollar-sign {
      -webkit-mask-image: url("../svg/dollar-sign.svg");
      mask-image: url("../svg/dollar-sign.svg"); }
    .icon.icon-download-cloud {
      -webkit-mask-image: url("../svg/download-cloud.svg");
      mask-image: url("../svg/download-cloud.svg"); }
    .icon.icon-download {
      -webkit-mask-image: url("../svg/download.svg");
      mask-image: url("../svg/download.svg"); }
    .icon.icon-dribbble {
      -webkit-mask-image: url("../svg/dribbble.svg");
      mask-image: url("../svg/dribbble.svg"); }
    .icon.icon-droplet {
      -webkit-mask-image: url("../svg/droplet.svg");
      mask-image: url("../svg/droplet.svg"); }
    .icon.icon-edit-2 {
      -webkit-mask-image: url("../svg/edit-2.svg");
      mask-image: url("../svg/edit-2.svg"); }
    .icon.icon-edit-3 {
      -webkit-mask-image: url("../svg/edit-3.svg");
      mask-image: url("../svg/edit-3.svg"); }
    .icon.icon-edit {
      -webkit-mask-image: url("../svg/edit.svg");
      mask-image: url("../svg/edit.svg"); }
    .icon.icon-external-link {
      -webkit-mask-image: url("../svg/external-link.svg");
      mask-image: url("../svg/external-link.svg"); }
    .icon.icon-eye-off {
      -webkit-mask-image: url("../svg/eye-off.svg");
      mask-image: url("../svg/eye-off.svg"); }
    .icon.icon-eye {
      -webkit-mask-image: url("../svg/eye.svg");
      mask-image: url("../svg/eye.svg"); }
    .icon.icon-facebook {
      -webkit-mask-image: url("../svg/facebook.svg");
      mask-image: url("../svg/facebook.svg"); }
    .icon.icon-fast-forward {
      -webkit-mask-image: url("../svg/fast-forward.svg");
      mask-image: url("../svg/fast-forward.svg"); }
    .icon.icon-feather {
      -webkit-mask-image: url("../svg/feather.svg");
      mask-image: url("../svg/feather.svg"); }
    .icon.icon-figma {
      -webkit-mask-image: url("../svg/figma.svg");
      mask-image: url("../svg/figma.svg"); }
    .icon.icon-file-minus {
      -webkit-mask-image: url("../svg/file-minus.svg");
      mask-image: url("../svg/file-minus.svg"); }
    .icon.icon-file {
      -webkit-mask-image: url("../svg/file.svg");
      mask-image: url("../svg/file.svg"); }
    .icon.icon-film {
      -webkit-mask-image: url("../svg/film.svg");
      mask-image: url("../svg/film.svg"); }
    .icon.icon-filter {
      -webkit-mask-image: url("../svg/filter.svg");
      mask-image: url("../svg/filter.svg"); }
    .icon.icon-filters-lines {
      -webkit-mask-image: url("../svg/filters-lines.svg");
      mask-image: url("../svg/filters-lines.svg"); }
    .icon.icon-flag {
      -webkit-mask-image: url("../svg/flag.svg");
      mask-image: url("../svg/flag.svg"); }
    .icon.icon-folder-minus {
      -webkit-mask-image: url("../svg/folder-minus.svg");
      mask-image: url("../svg/folder-minus.svg"); }
    .icon.icon-folder-plus {
      -webkit-mask-image: url("../svg/folder-plus.svg");
      mask-image: url("../svg/folder-plus.svg"); }
    .icon.icon-folder {
      -webkit-mask-image: url("../svg/folder.svg");
      mask-image: url("../svg/folder.svg"); }
    .icon.icon-framer {
      -webkit-mask-image: url("../svg/framer.svg");
      mask-image: url("../svg/framer.svg"); }
    .icon.icon-git-branch {
      -webkit-mask-image: url("../svg/git-branch.svg");
      mask-image: url("../svg/git-branch.svg"); }
    .icon.icon-git-commit {
      -webkit-mask-image: url("../svg/git-commit.svg");
      mask-image: url("../svg/git-commit.svg"); }
    .icon.icon-git-merge {
      -webkit-mask-image: url("../svg/git-merge.svg");
      mask-image: url("../svg/git-merge.svg"); }
    .icon.icon-git-pull-request {
      -webkit-mask-image: url("../svg/git-pull-request.svg");
      mask-image: url("../svg/git-pull-request.svg"); }
    .icon.icon-github {
      -webkit-mask-image: url("../svg/github.svg");
      mask-image: url("../svg/github.svg"); }
    .icon.icon-gitlab {
      -webkit-mask-image: url("../svg/gitlab.svg");
      mask-image: url("../svg/gitlab.svg"); }
    .icon.icon-globe {
      -webkit-mask-image: url("../svg/globe.svg");
      mask-image: url("../svg/globe.svg"); }
    .icon.icon-grid {
      -webkit-mask-image: url("../svg/grid.svg");
      mask-image: url("../svg/grid.svg"); }
    .icon.icon-headphones {
      -webkit-mask-image: url("../svg/headphones.svg");
      mask-image: url("../svg/headphones.svg"); }
    .icon.icon-heart {
      -webkit-mask-image: url("../svg/heart.svg");
      mask-image: url("../svg/heart.svg"); }
    .icon.icon-help-circle {
      -webkit-mask-image: url("../svg/help-circle.svg");
      mask-image: url("../svg/help-circle.svg"); }
    .icon.icon-hexagon {
      -webkit-mask-image: url("../svg/hexagon.svg");
      mask-image: url("../svg/hexagon.svg"); }
    .icon.icon-home {
      -webkit-mask-image: url("../svg/home.svg");
      mask-image: url("../svg/home.svg"); }
    .icon.icon-image {
      -webkit-mask-image: url("../svg/image.svg");
      mask-image: url("../svg/image.svg"); }
    .icon.icon-inbox {
      -webkit-mask-image: url("../svg/inbox.svg");
      mask-image: url("../svg/inbox.svg"); }
    .icon.icon-info {
      -webkit-mask-image: url("../svg/info.svg");
      mask-image: url("../svg/info.svg"); }
    .icon.icon-key {
      -webkit-mask-image: url("../svg/key.svg");
      mask-image: url("../svg/key.svg"); }
    .icon.icon-layout {
      -webkit-mask-image: url("../svg/layout.svg");
      mask-image: url("../svg/layout.svg"); }
    .icon.icon-life-buoy {
      -webkit-mask-image: url("../svg/life-buoy.svg");
      mask-image: url("../svg/life-buoy.svg"); }
    .icon.icon-link-2 {
      -webkit-mask-image: url("../svg/link-2.svg");
      mask-image: url("../svg/link-2.svg"); }
    .icon.icon-link {
      -webkit-mask-image: url("../svg/link.svg");
      mask-image: url("../svg/link.svg"); }
    .icon.icon-linkedin {
      -webkit-mask-image: url("../svg/linkedin.svg");
      mask-image: url("../svg/linkedin.svg"); }
    .icon.icon-list {
      -webkit-mask-image: url("../svg/list.svg");
      mask-image: url("../svg/list.svg"); }
    .icon.icon-lock {
      -webkit-mask-image: url("../svg/lock.svg");
      mask-image: url("../svg/lock.svg"); }
    .icon.icon-log-in {
      -webkit-mask-image: url("../svg/log-in.svg");
      mask-image: url("../svg/log-in.svg"); }
    .icon.icon-log-out {
      -webkit-mask-image: url("../svg/log-out.svg");
      mask-image: url("../svg/log-out.svg"); }
    .icon.icon-mail {
      -webkit-mask-image: url("../svg/mail.svg");
      mask-image: url("../svg/mail.svg"); }
    .icon.icon-map-pin {
      -webkit-mask-image: url("../svg/map-pin.svg");
      mask-image: url("../svg/map-pin.svg"); }
    .icon.icon-map {
      -webkit-mask-image: url("../svg/map.svg");
      mask-image: url("../svg/map.svg"); }
    .icon.icon-maximize-2 {
      -webkit-mask-image: url("../svg/maximize-2.svg");
      mask-image: url("../svg/maximize-2.svg"); }
    .icon.icon-maximize {
      -webkit-mask-image: url("../svg/maximize.svg");
      mask-image: url("../svg/maximize.svg"); }
    .icon.icon-meh {
      -webkit-mask-image: url("../svg/meh.svg");
      mask-image: url("../svg/meh.svg"); }
    .icon.icon-menu {
      -webkit-mask-image: url("../svg/menu.svg");
      mask-image: url("../svg/menu.svg"); }
    .icon.icon-message-square {
      -webkit-mask-image: url("../svg/message-square.svg");
      mask-image: url("../svg/message-square.svg"); }
    .icon.icon-mic-off {
      -webkit-mask-image: url("../svg/mic-off.svg");
      mask-image: url("../svg/mic-off.svg"); }
    .icon.icon-mic {
      -webkit-mask-image: url("../svg/mic.svg");
      mask-image: url("../svg/mic.svg"); }
    .icon.icon-minimize-2 {
      -webkit-mask-image: url("../svg/minimize-2.svg");
      mask-image: url("../svg/minimize-2.svg"); }
    .icon.icon-minimize {
      -webkit-mask-image: url("../svg/minimize.svg");
      mask-image: url("../svg/minimize.svg"); }
    .icon.icon-minus-circle {
      -webkit-mask-image: url("../svg/minus-circle.svg");
      mask-image: url("../svg/minus-circle.svg"); }
    .icon.icon-minus-square {
      -webkit-mask-image: url("../svg/minus-square.svg");
      mask-image: url("../svg/minus-square.svg"); }
    .icon.icon-minus {
      -webkit-mask-image: url("../svg/minus.svg");
      mask-image: url("../svg/minus.svg"); }
    .icon.icon-monitor {
      -webkit-mask-image: url("../svg/monitor.svg");
      mask-image: url("../svg/monitor.svg"); }
    .icon.icon-more-horizontal {
      -webkit-mask-image: url("../svg/more-horizontal.svg");
      mask-image: url("../svg/more-horizontal.svg"); }
    .icon.icon-more-vertical {
      -webkit-mask-image: url("../svg/more-vertical.svg");
      mask-image: url("../svg/more-vertical.svg"); }
    .icon.icon-mouse-pointer {
      -webkit-mask-image: url("../svg/mouse-pointer.svg");
      mask-image: url("../svg/mouse-pointer.svg"); }
    .icon.icon-move {
      -webkit-mask-image: url("../svg/move.svg");
      mask-image: url("../svg/move.svg"); }
    .icon.icon-music {
      -webkit-mask-image: url("../svg/music.svg");
      mask-image: url("../svg/music.svg"); }
    .icon.icon-navigation-2 {
      -webkit-mask-image: url("../svg/navigation-2.svg");
      mask-image: url("../svg/navigation-2.svg"); }
    .icon.icon-navigation {
      -webkit-mask-image: url("../svg/navigation.svg");
      mask-image: url("../svg/navigation.svg"); }
    .icon.icon-octagon {
      -webkit-mask-image: url("../svg/octagon.svg");
      mask-image: url("../svg/octagon.svg"); }
    .icon.icon-pause-circle {
      -webkit-mask-image: url("../svg/pause-circle.svg");
      mask-image: url("../svg/pause-circle.svg"); }
    .icon.icon-pause {
      -webkit-mask-image: url("../svg/pause.svg");
      mask-image: url("../svg/pause.svg"); }
    .icon.icon-pen-tool {
      -webkit-mask-image: url("../svg/pen-tool.svg");
      mask-image: url("../svg/pen-tool.svg"); }
    .icon.icon-percent {
      -webkit-mask-image: url("../svg/percent.svg");
      mask-image: url("../svg/percent.svg"); }
    .icon.icon-phone-call {
      -webkit-mask-image: url("../svg/phone-call.svg");
      mask-image: url("../svg/phone-call.svg"); }
    .icon.icon-phone-forwarded {
      -webkit-mask-image: url("../svg/phone-forwarded.svg");
      mask-image: url("../svg/phone-forwarded.svg"); }
    .icon.icon-phone-incoming {
      -webkit-mask-image: url("../svg/phone-incoming.svg");
      mask-image: url("../svg/phone-incoming.svg"); }
    .icon.icon-phone-missed {
      -webkit-mask-image: url("../svg/phone-missed.svg");
      mask-image: url("../svg/phone-missed.svg"); }
    .icon.icon-phone {
      -webkit-mask-image: url("../svg/phone.svg");
      mask-image: url("../svg/phone.svg"); }
    .icon.icon-play-circle {
      -webkit-mask-image: url("../svg/play-circle.svg");
      mask-image: url("../svg/play-circle.svg"); }
    .icon.icon-play {
      -webkit-mask-image: url("../svg/play.svg");
      mask-image: url("../svg/play.svg"); }
    .icon.icon-plus-circle {
      -webkit-mask-image: url("../svg/plus-circle.svg");
      mask-image: url("../svg/plus-circle.svg"); }
    .icon.icon-plus-square {
      -webkit-mask-image: url("../svg/plus-square.svg");
      mask-image: url("../svg/plus-square.svg"); }
    .icon.icon-plus {
      -webkit-mask-image: url("../svg/plus.svg");
      mask-image: url("../svg/plus.svg"); }
    .icon.icon-pocket {
      -webkit-mask-image: url("../svg/pocket.svg");
      mask-image: url("../svg/pocket.svg"); }
    .icon.icon-printer {
      -webkit-mask-image: url("../svg/printer.svg");
      mask-image: url("../svg/printer.svg"); }
    .icon.icon-radio {
      -webkit-mask-image: url("../svg/radio.svg");
      mask-image: url("../svg/radio.svg"); }
    .icon.icon-refresh-cw {
      -webkit-mask-image: url("../svg/refresh-cw.svg");
      mask-image: url("../svg/refresh-cw.svg"); }
    .icon.icon-repeat {
      -webkit-mask-image: url("../svg/repeat.svg");
      mask-image: url("../svg/repeat.svg"); }
    .icon.icon-rewind {
      -webkit-mask-image: url("../svg/rewind.svg");
      mask-image: url("../svg/rewind.svg"); }
    .icon.icon-rotate-ccw {
      -webkit-mask-image: url("../svg/rotate-ccw.svg");
      mask-image: url("../svg/rotate-ccw.svg"); }
    .icon.icon-rotate-cw {
      -webkit-mask-image: url("../svg/rotate-cw.svg");
      mask-image: url("../svg/rotate-cw.svg"); }
    .icon.icon-rss {
      -webkit-mask-image: url("../svg/rss.svg");
      mask-image: url("../svg/rss.svg"); }
    .icon.icon-save {
      -webkit-mask-image: url("../svg/save.svg");
      mask-image: url("../svg/save.svg"); }
    .icon.icon-search {
      -webkit-mask-image: url("../svg/search.svg");
      mask-image: url("../svg/search.svg"); }
    .icon.icon-server {
      -webkit-mask-image: url("../svg/server.svg");
      mask-image: url("../svg/server.svg"); }
    .icon.icon-settings {
      -webkit-mask-image: url("../svg/settings.svg");
      mask-image: url("../svg/settings.svg"); }
    .icon.icon-share-2 {
      -webkit-mask-image: url("../svg/share-2.svg");
      mask-image: url("../svg/share-2.svg"); }
    .icon.icon-share {
      -webkit-mask-image: url("../svg/share.svg");
      mask-image: url("../svg/share.svg"); }
    .icon.icon-shield-off {
      -webkit-mask-image: url("../svg/shield-off.svg");
      mask-image: url("../svg/shield-off.svg"); }
    .icon.icon-shield {
      -webkit-mask-image: url("../svg/shield.svg");
      mask-image: url("../svg/shield.svg"); }
    .icon.icon-shuffle {
      -webkit-mask-image: url("../svg/shuffle.svg");
      mask-image: url("../svg/shuffle.svg"); }
    .icon.icon-skip-back {
      -webkit-mask-image: url("../svg/skip-back.svg");
      mask-image: url("../svg/skip-back.svg"); }
    .icon.icon-skip-forward {
      -webkit-mask-image: url("../svg/skip-forward.svg");
      mask-image: url("../svg/skip-forward.svg"); }
    .icon.icon-slack {
      -webkit-mask-image: url("../svg/slack.svg");
      mask-image: url("../svg/slack.svg"); }
    .icon.icon-slash-divider {
      -webkit-mask-image: url("../svg/slash-divider.svg");
      mask-image: url("../svg/slash-divider.svg"); }
    .icon.icon-slash {
      -webkit-mask-image: url("../svg/slash.svg");
      mask-image: url("../svg/slash.svg"); }
    .icon.icon-sliders {
      -webkit-mask-image: url("../svg/sliders.svg");
      mask-image: url("../svg/sliders.svg"); }
    .icon.icon-smartphone {
      -webkit-mask-image: url("../svg/smartphone.svg");
      mask-image: url("../svg/smartphone.svg"); }
    .icon.icon-square {
      -webkit-mask-image: url("../svg/square.svg");
      mask-image: url("../svg/square.svg"); }
    .icon.icon-stop-circle {
      -webkit-mask-image: url("../svg/stop-circle.svg");
      mask-image: url("../svg/stop-circle.svg"); }
    .icon.icon-sun {
      -webkit-mask-image: url("../svg/sun.svg");
      mask-image: url("../svg/sun.svg"); }
    .icon.icon-sunrise {
      -webkit-mask-image: url("../svg/sunrise.svg");
      mask-image: url("../svg/sunrise.svg"); }
    .icon.icon-sunset {
      -webkit-mask-image: url("../svg/sunset.svg");
      mask-image: url("../svg/sunset.svg"); }
    .icon.icon-tablet {
      -webkit-mask-image: url("../svg/tablet.svg");
      mask-image: url("../svg/tablet.svg"); }
    .icon.icon-tag {
      -webkit-mask-image: url("../svg/tag.svg");
      mask-image: url("../svg/tag.svg"); }
    .icon.icon-thermometer {
      -webkit-mask-image: url("../svg/thermometer.svg");
      mask-image: url("../svg/thermometer.svg"); }
    .icon.icon-thumbs-down {
      -webkit-mask-image: url("../svg/thumbs-down.svg");
      mask-image: url("../svg/thumbs-down.svg"); }
    .icon.icon-thumbs-up {
      -webkit-mask-image: url("../svg/thumbs-up.svg");
      mask-image: url("../svg/thumbs-up.svg"); }
    .icon.icon-toggle-left {
      -webkit-mask-image: url("../svg/toggle-left.svg");
      mask-image: url("../svg/toggle-left.svg"); }
    .icon.icon-toggle-right {
      -webkit-mask-image: url("../svg/toggle-right.svg");
      mask-image: url("../svg/toggle-right.svg"); }
    .icon.icon-tool {
      -webkit-mask-image: url("../svg/tool.svg");
      mask-image: url("../svg/tool.svg"); }
    .icon.icon-trash-2 {
      -webkit-mask-image: url("../svg/trash-2.svg");
      mask-image: url("../svg/trash-2.svg"); }
    .icon.icon-trash {
      -webkit-mask-image: url("../svg/trash.svg");
      mask-image: url("../svg/trash.svg"); }
    .icon.icon-trending-up {
      -webkit-mask-image: url("../svg/trending-up.svg");
      mask-image: url("../svg/trending-up.svg"); }
    .icon.icon-truck {
      -webkit-mask-image: url("../svg/truck.svg");
      mask-image: url("../svg/truck.svg"); }
    .icon.icon-tv {
      -webkit-mask-image: url("../svg/tv.svg");
      mask-image: url("../svg/tv.svg"); }
    .icon.icon-twitch {
      -webkit-mask-image: url("../svg/twitch.svg");
      mask-image: url("../svg/twitch.svg"); }
    .icon.icon-twitter {
      -webkit-mask-image: url("../svg/twitter.svg");
      mask-image: url("../svg/twitter.svg"); }
    .icon.icon-type {
      -webkit-mask-image: url("../svg/type.svg");
      mask-image: url("../svg/type.svg"); }
    .icon.icon-umbrella {
      -webkit-mask-image: url("../svg/umbrella.svg");
      mask-image: url("../svg/umbrella.svg"); }
    .icon.icon-unlock {
      -webkit-mask-image: url("../svg/unlock.svg");
      mask-image: url("../svg/unlock.svg"); }
    .icon.icon-upload-cloud {
      -webkit-mask-image: url("../svg/upload-cloud.svg");
      mask-image: url("../svg/upload-cloud.svg"); }
    .icon.icon-user-check {
      -webkit-mask-image: url("../svg/user-check.svg");
      mask-image: url("../svg/user-check.svg"); }
    .icon.icon-user-minus {
      -webkit-mask-image: url("../svg/user-minus.svg");
      mask-image: url("../svg/user-minus.svg"); }
    .icon.icon-user-plus {
      -webkit-mask-image: url("../svg/user-plus.svg");
      mask-image: url("../svg/user-plus.svg"); }
    .icon.icon-user-x {
      -webkit-mask-image: url("../svg/user-x.svg");
      mask-image: url("../svg/user-x.svg"); }
    .icon.icon-user {
      -webkit-mask-image: url("../svg/user.svg");
      mask-image: url("../svg/user.svg"); }
    .icon.icon-users {
      -webkit-mask-image: url("../svg/users.svg");
      mask-image: url("../svg/users.svg"); }
    .icon.icon-video {
      -webkit-mask-image: url("../svg/video.svg");
      mask-image: url("../svg/video.svg"); }
    .icon.icon-voicemail {
      -webkit-mask-image: url("../svg/voicemail.svg");
      mask-image: url("../svg/voicemail.svg"); }
    .icon.icon-volume-2 {
      -webkit-mask-image: url("../svg/volume-2.svg");
      mask-image: url("../svg/volume-2.svg"); }
    .icon.icon-volume-x {
      -webkit-mask-image: url("../svg/volume-x.svg");
      mask-image: url("../svg/volume-x.svg"); }
    .icon.icon-volume {
      -webkit-mask-image: url("../svg/volume.svg");
      mask-image: url("../svg/volume.svg"); }
    .icon.icon-watch {
      -webkit-mask-image: url("../svg/watch.svg");
      mask-image: url("../svg/watch.svg"); }
    .icon.icon-wifi-off {
      -webkit-mask-image: url("../svg/wifi-off.svg");
      mask-image: url("../svg/wifi-off.svg"); }
    .icon.icon-wifi {
      -webkit-mask-image: url("../svg/wifi.svg");
      mask-image: url("../svg/wifi.svg"); }
    .icon.icon-x-circle {
      -webkit-mask-image: url("../svg/x-circle.svg");
      mask-image: url("../svg/x-circle.svg"); }
    .icon.icon-x-octagon {
      -webkit-mask-image: url("../svg/x-octagon.svg");
      mask-image: url("../svg/x-octagon.svg"); }
    .icon.icon-x {
      -webkit-mask-image: url("../svg/x.svg");
      mask-image: url("../svg/x.svg"); }
    .icon.icon-youtube {
      -webkit-mask-image: url("../svg/youtube.svg");
      mask-image: url("../svg/youtube.svg"); }
    .icon.icon-zap-off {
      -webkit-mask-image: url("../svg/zap-off.svg");
      mask-image: url("../svg/zap-off.svg"); }
    .icon.icon-zap {
      -webkit-mask-image: url("../svg/zap.svg");
      mask-image: url("../svg/zap.svg"); }
    .icon.icon-zoom-in {
      -webkit-mask-image: url("../svg/zoom-in.svg");
      mask-image: url("../svg/zoom-in.svg"); }
    .icon.icon-zoom-out {
      -webkit-mask-image: url("../svg/zoom-out.svg");
      mask-image: url("../svg/zoom-out.svg"); }