react-toolbox/components/font_icon/style.scss

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

%icon {
  display: inline-block;
  font-family: "Material Icons";
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  transform: translate(0, 0);
  text-rendering: auto;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.threed-rotation {
  @extend %icon;

  &::before {
    content: "\e84d";
  }
}

.access-alarm {
  @extend %icon;

  &::before {
    content: "\e190";
  }
}

.access-alarms {
  @extend %icon;

  &::before {
    content: "\e191";
  }
}

.access-time {
  @extend %icon;

  &::before {
    content: "\e192";
  }
}

.accessibility {
  @extend %icon;

  &::before {
    content: "\e84e";
  }
}

.account-balance {
  @extend %icon;

  &::before {
    content: "\e84f";
  }
}

.account-balance-wallet {
  @extend %icon;

  &::before {
    content: "\e850";
  }
}

.account-box {
  @extend %icon;

  &::before {
    content: "\e851";
  }
}

.account-circle {
  @extend %icon;

  &::before {
    content: "\e853";
  }
}

.adb {
  @extend %icon;

  &::before {
    content: "\e60e";
  }
}

.add {
  @extend %icon;

  &::before {
    content: "\e145";
  }
}

.add-alarm {
  @extend %icon;

  &::before {
    content: "\e193";
  }
}

.add-alert {
  @extend %icon;

  &::before {
    content: "\e003";
  }
}

.add-box {
  @extend %icon;

  &::before {
    content: "\e146";
  }
}

.add-circle {
  @extend %icon;

  &::before {
    content: "\e147";
  }
}

.add-circle-outline {
  @extend %icon;

  &::before {
    content: "\e148";
  }
}

.add-shopping-cart {
  @extend %icon;

  &::before {
    content: "\e854";
  }
}

.add-to-photos {
  @extend %icon;

  &::before {
    content: "\e39d";
  }
}

.adjust {
  @extend %icon;

  &::before {
    content: "\e39e";
  }
}

.airline-seat-flat {
  @extend %icon;

  &::before {
    content: "\e630";
  }
}

.airline-seat-flat-angled {
  @extend %icon;

  &::before {
    content: "\e631";
  }
}

.airline-seat-individual-suite {
  @extend %icon;

  &::before {
    content: "\e632";
  }
}

.airline-seat-legroom-extra {
  @extend %icon;

  &::before {
    content: "\e633";
  }
}

.airline-seat-legroom-normal {
  @extend %icon;

  &::before {
    content: "\e634";
  }
}

.airline-seat-legroom-reduced {
  @extend %icon;

  &::before {
    content: "\e635";
  }
}

.airline-seat-recline-extra {
  @extend %icon;

  &::before {
    content: "\e636";
  }
}

.airline-seat-recline-normal {
  @extend %icon;

  &::before {
    content: "\e637";
  }
}

.airplanemode-active {
  @extend %icon;

  &::before {
    content: "\e195";
  }
}

.airplanemode-inactive {
  @extend %icon;

  &::before {
    content: "\e194";
  }
}

.airplay {
  @extend %icon;

  &::before {
    content: "\e055";
  }
}

.alarm {
  @extend %icon;

  &::before {
    content: "\e855";
  }
}

.alarm-add {
  @extend %icon;

  &::before {
    content: "\e856";
  }
}

.alarm-off {
  @extend %icon;

  &::before {
    content: "\e857";
  }
}

.alarm-on {
  @extend %icon;

  &::before {
    content: "\e858";
  }
}

.album {
  @extend %icon;

  &::before {
    content: "\e019";
  }
}

.android {
  @extend %icon;

  &::before {
    content: "\e859";
  }
}

.announcement {
  @extend %icon;

  &::before {
    content: "\e85a";
  }
}

.apps {
  @extend %icon;

  &::before {
    content: "\e5c3";
  }
}

.archive {
  @extend %icon;

  &::before {
    content: "\e149";
  }
}

.arrow-back {
  @extend %icon;

  &::before {
    content: "\e5c4";
  }
}

.arrow-drop-down {
  @extend %icon;

  &::before {
    content: "\e5c5";
  }
}

.arrow-drop-down-circle {
  @extend %icon;

  &::before {
    content: "\e5c6";
  }
}

.arrow-drop-up {
  @extend %icon;

  &::before {
    content: "\e5c7";
  }
}

.arrow-forward {
  @extend %icon;

  &::before {
    content: "\e5c8";
  }
}

.aspect-ratio {
  @extend %icon;

  &::before {
    content: "\e85b";
  }
}

.assessment {
  @extend %icon;

  &::before {
    content: "\e85c";
  }
}

.assignment {
  @extend %icon;

  &::before {
    content: "\e85d";
  }
}

.assignment-ind {
  @extend %icon;

  &::before {
    content: "\e85e";
  }
}

.assignment-late {
  @extend %icon;

  &::before {
    content: "\e85f";
  }
}

.assignment-return {
  @extend %icon;

  &::before {
    content: "\e860";
  }
}

.assignment-returned {
  @extend %icon;

  &::before {
    content: "\e861";
  }
}

.assignment-turned-in {
  @extend %icon;

  &::before {
    content: "\e862";
  }
}

.assistant {
  @extend %icon;

  &::before {
    content: "\e39f";
  }
}

.assistant-photo {
  @extend %icon;

  &::before {
    content: "\e3a0";
  }
}

.attach-file {
  @extend %icon;

  &::before {
    content: "\e226";
  }
}

.attach-money {
  @extend %icon;

  &::before {
    content: "\e227";
  }
}

.attachment {
  @extend %icon;

  &::before {
    content: "\e2bc";
  }
}

.audiotrack {
  @extend %icon;

  &::before {
    content: "\e3a1";
  }
}

.autorenew {
  @extend %icon;

  &::before {
    content: "\e863";
  }
}

.av-timer {
  @extend %icon;

  &::before {
    content: "\e01b";
  }
}

.backspace {
  @extend %icon;

  &::before {
    content: "\e14a";
  }
}

.backup {
  @extend %icon;

  &::before {
    content: "\e864";
  }
}

.battery-alert {
  @extend %icon;

  &::before {
    content: "\e19c";
  }
}

.battery-charging-full {
  @extend %icon;

  &::before {
    content: "\e1a3";
  }
}

.battery-full {
  @extend %icon;

  &::before {
    content: "\e1a4";
  }
}

.battery-std {
  @extend %icon;

  &::before {
    content: "\e1a5";
  }
}

.battery-unknown {
  @extend %icon;

  &::before {
    content: "\e1a6";
  }
}

.beenhere {
  @extend %icon;

  &::before {
    content: "\e52d";
  }
}

.block {
  @extend %icon;

  &::before {
    content: "\e14b";
  }
}

.bluetooth {
  @extend %icon;

  &::before {
    content: "\e1a7";
  }
}

.bluetooth-audio {
  @extend %icon;

  &::before {
    content: "\e60f";
  }
}

.bluetooth-connected {
  @extend %icon;

  &::before {
    content: "\e1a8";
  }
}

.bluetooth-disabled {
  @extend %icon;

  &::before {
    content: "\e1a9";
  }
}

.bluetooth-searching {
  @extend %icon;

  &::before {
    content: "\e1aa";
  }
}

.blur-circular {
  @extend %icon;

  &::before {
    content: "\e3a2";
  }
}

.blur-linear {
  @extend %icon;

  &::before {
    content: "\e3a3";
  }
}

.blur-off {
  @extend %icon;

  &::before {
    content: "\e3a4";
  }
}

.blur-on {
  @extend %icon;

  &::before {
    content: "\e3a5";
  }
}

.book {
  @extend %icon;

  &::before {
    content: "\e865";
  }
}

.bookmark {
  @extend %icon;

  &::before {
    content: "\e866";
  }
}

.bookmark-border {
  @extend %icon;

  &::before {
    content: "\e867";
  }
}

.border-all {
  @extend %icon;

  &::before {
    content: "\e228";
  }
}

.border-bottom {
  @extend %icon;

  &::before {
    content: "\e229";
  }
}

.border-clear {
  @extend %icon;

  &::before {
    content: "\e22a";
  }
}

.border-color {
  @extend %icon;

  &::before {
    content: "\e22b";
  }
}

.border-horizontal {
  @extend %icon;

  &::before {
    content: "\e22c";
  }
}

.border-inner {
  @extend %icon;

  &::before {
    content: "\e22d";
  }
}

.border-left {
  @extend %icon;

  &::before {
    content: "\e22e";
  }
}

.border-outer {
  @extend %icon;

  &::before {
    content: "\e22f";
  }
}

.border-right {
  @extend %icon;

  &::before {
    content: "\e230";
  }
}

.border-style {
  @extend %icon;

  &::before {
    content: "\e231";
  }
}

.border-top {
  @extend %icon;

  &::before {
    content: "\e232";
  }
}

.border-vertical {
  @extend %icon;

  &::before {
    content: "\e233";
  }
}

.brightness-1 {
  @extend %icon;

  &::before {
    content: "\e3a6";
  }
}

.brightness-2 {
  @extend %icon;

  &::before {
    content: "\e3a7";
  }
}

.brightness-3 {
  @extend %icon;

  &::before {
    content: "\e3a8";
  }
}

.brightness-4 {
  @extend %icon;

  &::before {
    content: "\e3a9";
  }
}

.brightness-5 {
  @extend %icon;

  &::before {
    content: "\e3aa";
  }
}

.brightness-6 {
  @extend %icon;

  &::before {
    content: "\e3ab";
  }
}

.brightness-7 {
  @extend %icon;

  &::before {
    content: "\e3ac";
  }
}

.brightness-auto {
  @extend %icon;

  &::before {
    content: "\e1ab";
  }
}

.brightness-high {
  @extend %icon;

  &::before {
    content: "\e1ac";
  }
}

.brightness-low {
  @extend %icon;

  &::before {
    content: "\e1ad";
  }
}

.brightness-medium {
  @extend %icon;

  &::before {
    content: "\e1ae";
  }
}

.broken-image {
  @extend %icon;

  &::before {
    content: "\e3ad";
  }
}

.brush {
  @extend %icon;

  &::before {
    content: "\e3ae";
  }
}

.bug-report {
  @extend %icon;

  &::before {
    content: "\e868";
  }
}

.build {
  @extend %icon;

  &::before {
    content: "\e869";
  }
}

.business {
  @extend %icon;

  &::before {
    content: "\e0af";
  }
}

.cached {
  @extend %icon;

  &::before {
    content: "\e86a";
  }
}

.cake {
  @extend %icon;

  &::before {
    content: "\e7e9";
  }
}

.call {
  @extend %icon;

  &::before {
    content: "\e0b0";
  }
}

.call-end {
  @extend %icon;

  &::before {
    content: "\e0b1";
  }
}

.call-made {
  @extend %icon;

  &::before {
    content: "\e0b2";
  }
}

.call-merge {
  @extend %icon;

  &::before {
    content: "\e0b3";
  }
}

.call-missed {
  @extend %icon;

  &::before {
    content: "\e0b4";
  }
}

.call-received {
  @extend %icon;

  &::before {
    content: "\e0b5";
  }
}

.call-split {
  @extend %icon;

  &::before {
    content: "\e0b6";
  }
}

.camera {
  @extend %icon;

  &::before {
    content: "\e3af";
  }
}

.camera-alt {
  @extend %icon;

  &::before {
    content: "\e3b0";
  }
}

.camera-enhance {
  @extend %icon;

  &::before {
    content: "\e8fc";
  }
}

.camera-front {
  @extend %icon;

  &::before {
    content: "\e3b1";
  }
}

.camera-rear {
  @extend %icon;

  &::before {
    content: "\e3b2";
  }
}

.camera-roll {
  @extend %icon;

  &::before {
    content: "\e3b3";
  }
}

.cancel {
  @extend %icon;

  &::before {
    content: "\e5c9";
  }
}

.card-giftcard {
  @extend %icon;

  &::before {
    content: "\e8f6";
  }
}

.card-membership {
  @extend %icon;

  &::before {
    content: "\e8f7";
  }
}

.card-travel {
  @extend %icon;

  &::before {
    content: "\e8f8";
  }
}

.cast {
  @extend %icon;

  &::before {
    content: "\e307";
  }
}

.cast-connected {
  @extend %icon;

  &::before {
    content: "\e308";
  }
}

.center-focus-strong {
  @extend %icon;

  &::before {
    content: "\e3b4";
  }
}

.center-focus-weak {
  @extend %icon;

  &::before {
    content: "\e3b5";
  }
}

.change-history {
  @extend %icon;

  &::before {
    content: "\e86b";
  }
}

.chat {
  @extend %icon;

  &::before {
    content: "\e0b7";
  }
}

.chat-bubble {
  @extend %icon;

  &::before {
    content: "\e0ca";
  }
}

.chat-bubble-outline {
  @extend %icon;

  &::before {
    content: "\e0cb";
  }
}

.check {
  @extend %icon;

  &::before {
    content: "\e5ca";
  }
}

.check-box {
  @extend %icon;

  &::before {
    content: "\e834";
  }
}

.check-box-outline-blank {
  @extend %icon;

  &::before {
    content: "\e835";
  }
}

.check-circle {
  @extend %icon;

  &::before {
    content: "\e86c";
  }
}

.chevron-left {
  @extend %icon;

  &::before {
    content: "\e5cb";
  }
}

.chevron-right {
  @extend %icon;

  &::before {
    content: "\e5cc";
  }
}

.chrome-reader-mode {
  @extend %icon;

  &::before {
    content: "\e86d";
  }
}

.class {
  @extend %icon;

  &::before {
    content: "\e86e";
  }
}

.clear {
  @extend %icon;

  &::before {
    content: "\e14c";
  }
}

.clear-all {
  @extend %icon;

  &::before {
    content: "\e0b8";
  }
}

.close {
  @extend %icon;

  &::before {
    content: "\e5cd";
  }
}

.closed-caption {
  @extend %icon;

  &::before {
    content: "\e01c";
  }
}

.cloud {
  @extend %icon;

  &::before {
    content: "\e2bd";
  }
}

.cloud-circle {
  @extend %icon;

  &::before {
    content: "\e2be";
  }
}

.cloud-done {
  @extend %icon;

  &::before {
    content: "\e2bf";
  }
}

.cloud-download {
  @extend %icon;

  &::before {
    content: "\e2c0";
  }
}

.cloud-off {
  @extend %icon;

  &::before {
    content: "\e2c1";
  }
}

.cloud-queue {
  @extend %icon;

  &::before {
    content: "\e2c2";
  }
}

.cloud-upload {
  @extend %icon;

  &::before {
    content: "\e2c3";
  }
}

.code {
  @extend %icon;

  &::before {
    content: "\e86f";
  }
}

.collections {
  @extend %icon;

  &::before {
    content: "\e3b6";
  }
}

.collections-bookmark {
  @extend %icon;

  &::before {
    content: "\e431";
  }
}

.color-lens {
  @extend %icon;

  &::before {
    content: "\e3b7";
  }
}

.colorize {
  @extend %icon;

  &::before {
    content: "\e3b8";
  }
}

.comment {
  @extend %icon;

  &::before {
    content: "\e0b9";
  }
}

.compare {
  @extend %icon;

  &::before {
    content: "\e3b9";
  }
}

.computer {
  @extend %icon;

  &::before {
    content: "\e30a";
  }
}

.confirmation-number {
  @extend %icon;

  &::before {
    content: "\e638";
  }
}

.contact-phone {
  @extend %icon;

  &::before {
    content: "\e0cf";
  }
}

.contacts {
  @extend %icon;

  &::before {
    content: "\e0ba";
  }
}

.content-copy {
  @extend %icon;

  &::before {
    content: "\e14d";
  }
}

.content-cut {
  @extend %icon;

  &::before {
    content: "\e14e";
  }
}

.content-paste {
  @extend %icon;

  &::before {
    content: "\e14f";
  }
}

.control-point {
  @extend %icon;

  &::before {
    content: "\e3ba";
  }
}

.control-point-duplicate {
  @extend %icon;

  &::before {
    content: "\e3bb";
  }
}

.create {
  @extend %icon;

  &::before {
    content: "\e150";
  }
}

.credit-card {
  @extend %icon;

  &::before {
    content: "\e870";
  }
}

.crop {
  @extend %icon;

  &::before {
    content: "\e3be";
  }
}

.crop-16-9 {
  @extend %icon;

  &::before {
    content: "\e3bc";
  }
}

.crop-3-2 {
  @extend %icon;

  &::before {
    content: "\e3bd";
  }
}

.crop-5-4 {
  @extend %icon;

  &::before {
    content: "\e3bf";
  }
}

.crop-7-5 {
  @extend %icon;

  &::before {
    content: "\e3c0";
  }
}

.crop-din {
  @extend %icon;

  &::before {
    content: "\e3c1";
  }
}

.crop-free {
  @extend %icon;

  &::before {
    content: "\e3c2";
  }
}

.crop-landscape {
  @extend %icon;

  &::before {
    content: "\e3c3";
  }
}

.crop-original {
  @extend %icon;

  &::before {
    content: "\e3c4";
  }
}

.crop-portrait {
  @extend %icon;

  &::before {
    content: "\e3c5";
  }
}

.crop-square {
  @extend %icon;

  &::before {
    content: "\e3c6";
  }
}

.dashboard {
  @extend %icon;

  &::before {
    content: "\e871";
  }
}

.data-usage {
  @extend %icon;

  &::before {
    content: "\e1af";
  }
}

.dehaze {
  @extend %icon;

  &::before {
    content: "\e3c7";
  }
}

.delete {
  @extend %icon;

  &::before {
    content: "\e872";
  }
}

.description {
  @extend %icon;

  &::before {
    content: "\e873";
  }
}

.desktop-mac {
  @extend %icon;

  &::before {
    content: "\e30b";
  }
}

.desktop-windows {
  @extend %icon;

  &::before {
    content: "\e30c";
  }
}

.details {
  @extend %icon;

  &::before {
    content: "\e3c8";
  }
}

.developer-board {
  @extend %icon;

  &::before {
    content: "\e30d";
  }
}

.developer-mode {
  @extend %icon;

  &::before {
    content: "\e1b0";
  }
}

.device-hub {
  @extend %icon;

  &::before {
    content: "\e335";
  }
}

.devices {
  @extend %icon;

  &::before {
    content: "\e1b1";
  }
}

.dialer-sip {
  @extend %icon;

  &::before {
    content: "\e0bb";
  }
}

.dialpad {
  @extend %icon;

  &::before {
    content: "\e0bc";
  }
}

.directions {
  @extend %icon;

  &::before {
    content: "\e52e";
  }
}

.directions-bike {
  @extend %icon;

  &::before {
    content: "\e52f";
  }
}

.directions-boat {
  @extend %icon;

  &::before {
    content: "\e532";
  }
}

.directions-bus {
  @extend %icon;

  &::before {
    content: "\e530";
  }
}

.directions-car {
  @extend %icon;

  &::before {
    content: "\e531";
  }
}

.directions-railway {
  @extend %icon;

  &::before {
    content: "\e534";
  }
}

.directions-run {
  @extend %icon;

  &::before {
    content: "\e566";
  }
}

.directions-subway {
  @extend %icon;

  &::before {
    content: "\e533";
  }
}

.directions-transit {
  @extend %icon;

  &::before {
    content: "\e535";
  }
}

.directions-walk {
  @extend %icon;

  &::before {
    content: "\e536";
  }
}

.disc-full {
  @extend %icon;

  &::before {
    content: "\e610";
  }
}

.dns {
  @extend %icon;

  &::before {
    content: "\e875";
  }
}

.do-not-disturb {
  @extend %icon;

  &::before {
    content: "\e612";
  }
}

.do-not-disturb-alt {
  @extend %icon;

  &::before {
    content: "\e611";
  }
}

.dock {
  @extend %icon;

  &::before {
    content: "\e30e";
  }
}

.domain {
  @extend %icon;

  &::before {
    content: "\e7ee";
  }
}

.done {
  @extend %icon;

  &::before {
    content: "\e876";
  }
}

.done-all {
  @extend %icon;

  &::before {
    content: "\e877";
  }
}

.drafts {
  @extend %icon;

  &::before {
    content: "\e151";
  }
}

.drive-eta {
  @extend %icon;

  &::before {
    content: "\e613";
  }
}

.dvr {
  @extend %icon;

  &::before {
    content: "\e1b2";
  }
}

.edit {
  @extend %icon;

  &::before {
    content: "\e3c9";
  }
}

.eject {
  @extend %icon;

  &::before {
    content: "\e8fb";
  }
}

.email {
  @extend %icon;

  &::before {
    content: "\e0be";
  }
}

.equalizer {
  @extend %icon;

  &::before {
    content: "\e01d";
  }
}

.error {
  @extend %icon;

  &::before {
    content: "\e000";
  }
}

.error-outline {
  @extend %icon;

  &::before {
    content: "\e001";
  }
}

.event {
  @extend %icon;

  &::before {
    content: "\e878";
  }
}

.event-available {
  @extend %icon;

  &::before {
    content: "\e614";
  }
}

.event-busy {
  @extend %icon;

  &::before {
    content: "\e615";
  }
}

.event-note {
  @extend %icon;

  &::before {
    content: "\e616";
  }
}

.event-seat {
  @extend %icon;

  &::before {
    content: "\e903";
  }
}

.exit-to-app {
  @extend %icon;

  &::before {
    content: "\e879";
  }
}

.expand-less {
  @extend %icon;

  &::before {
    content: "\e5ce";
  }
}

.expand-more {
  @extend %icon;

  &::before {
    content: "\e5cf";
  }
}

.explicit {
  @extend %icon;

  &::before {
    content: "\e01e";
  }
}

.explore {
  @extend %icon;

  &::before {
    content: "\e87a";
  }
}

.exposure {
  @extend %icon;

  &::before {
    content: "\e3ca";
  }
}

.exposure-neg-1 {
  @extend %icon;

  &::before {
    content: "\e3cb";
  }
}

.exposure-neg-2 {
  @extend %icon;

  &::before {
    content: "\e3cc";
  }
}

.exposure-plus-1 {
  @extend %icon;

  &::before {
    content: "\e3cd";
  }
}

.exposure-plus-2 {
  @extend %icon;

  &::before {
    content: "\e3ce";
  }
}

.exposure-zero {
  @extend %icon;

  &::before {
    content: "\e3cf";
  }
}

.extension {
  @extend %icon;

  &::before {
    content: "\e87b";
  }
}

.face {
  @extend %icon;

  &::before {
    content: "\e87c";
  }
}

.fast-forward {
  @extend %icon;

  &::before {
    content: "\e01f";
  }
}

.fast-rewind {
  @extend %icon;

  &::before {
    content: "\e020";
  }
}

.favorite {
  @extend %icon;

  &::before {
    content: "\e87d";
  }
}

.favorite-border {
  @extend %icon;

  &::before {
    content: "\e87e";
  }
}

.feedback {
  @extend %icon;

  &::before {
    content: "\e87f";
  }
}

.file-download {
  @extend %icon;

  &::before {
    content: "\e2c4";
  }
}

.file-upload {
  @extend %icon;

  &::before {
    content: "\e2c6";
  }
}

.filter {
  @extend %icon;

  &::before {
    content: "\e3d3";
  }
}

.filter-1 {
  @extend %icon;

  &::before {
    content: "\e3d0";
  }
}

.filter-2 {
  @extend %icon;

  &::before {
    content: "\e3d1";
  }
}

.filter-3 {
  @extend %icon;

  &::before {
    content: "\e3d2";
  }
}

.filter-4 {
  @extend %icon;

  &::before {
    content: "\e3d4";
  }
}

.filter-5 {
  @extend %icon;

  &::before {
    content: "\e3d5";
  }
}

.filter-6 {
  @extend %icon;

  &::before {
    content: "\e3d6";
  }
}

.filter-7 {
  @extend %icon;

  &::before {
    content: "\e3d7";
  }
}

.filter-8 {
  @extend %icon;

  &::before {
    content: "\e3d8";
  }
}

.filter-9 {
  @extend %icon;

  &::before {
    content: "\e3d9";
  }
}

.filter-9-plus {
  @extend %icon;

  &::before {
    content: "\e3da";
  }
}

.filter-b-and-w {
  @extend %icon;

  &::before {
    content: "\e3db";
  }
}

.filter-center-focus {
  @extend %icon;

  &::before {
    content: "\e3dc";
  }
}

.filter-drama {
  @extend %icon;

  &::before {
    content: "\e3dd";
  }
}

.filter-frames {
  @extend %icon;

  &::before {
    content: "\e3de";
  }
}

.filter-hdr {
  @extend %icon;

  &::before {
    content: "\e3df";
  }
}

.filter-list {
  @extend %icon;

  &::before {
    content: "\e152";
  }
}

.filter-none {
  @extend %icon;

  &::before {
    content: "\e3e0";
  }
}

.filter-tilt-shift {
  @extend %icon;

  &::before {
    content: "\e3e2";
  }
}

.filter-vintage {
  @extend %icon;

  &::before {
    content: "\e3e3";
  }
}

.find-in-page {
  @extend %icon;

  &::before {
    content: "\e880";
  }
}

.find-replace {
  @extend %icon;

  &::before {
    content: "\e881";
  }
}

.flag {
  @extend %icon;

  &::before {
    content: "\e153";
  }
}

.flare {
  @extend %icon;

  &::before {
    content: "\e3e4";
  }
}

.flash-auto {
  @extend %icon;

  &::before {
    content: "\e3e5";
  }
}

.flash-off {
  @extend %icon;

  &::before {
    content: "\e3e6";
  }
}

.flash-on {
  @extend %icon;

  &::before {
    content: "\e3e7";
  }
}

.flight {
  @extend %icon;

  &::before {
    content: "\e539";
  }
}

.flight-land {
  @extend %icon;

  &::before {
    content: "\e904";
  }
}

.flight-takeoff {
  @extend %icon;

  &::before {
    content: "\e905";
  }
}

.flip {
  @extend %icon;

  &::before {
    content: "\e3e8";
  }
}

.flip-to-back {
  @extend %icon;

  &::before {
    content: "\e882";
  }
}

.flip-to-front {
  @extend %icon;

  &::before {
    content: "\e883";
  }
}

.folder {
  @extend %icon;

  &::before {
    content: "\e2c7";
  }
}

.folder-open {
  @extend %icon;

  &::before {
    content: "\e2c8";
  }
}

.folder-shared {
  @extend %icon;

  &::before {
    content: "\e2c9";
  }
}

.folder-special {
  @extend %icon;

  &::before {
    content: "\e617";
  }
}

.font-download {
  @extend %icon;

  &::before {
    content: "\e167";
  }
}

.format-align-center {
  @extend %icon;

  &::before {
    content: "\e234";
  }
}

.format-align-justify {
  @extend %icon;

  &::before {
    content: "\e235";
  }
}

.format-align-left {
  @extend %icon;

  &::before {
    content: "\e236";
  }
}

.format-align-right {
  @extend %icon;

  &::before {
    content: "\e237";
  }
}

.format-bold {
  @extend %icon;

  &::before {
    content: "\e238";
  }
}

.format-clear {
  @extend %icon;

  &::before {
    content: "\e239";
  }
}

.format-color-fill {
  @extend %icon;

  &::before {
    content: "\e23a";
  }
}

.format-color-reset {
  @extend %icon;

  &::before {
    content: "\e23b";
  }
}

.format-color-text {
  @extend %icon;

  &::before {
    content: "\e23c";
  }
}

.format-indent-decrease {
  @extend %icon;

  &::before {
    content: "\e23d";
  }
}

.format-indent-increase {
  @extend %icon;

  &::before {
    content: "\e23e";
  }
}

.format-italic {
  @extend %icon;

  &::before {
    content: "\e23f";
  }
}

.format-line-spacing {
  @extend %icon;

  &::before {
    content: "\e240";
  }
}

.format-list-bulleted {
  @extend %icon;

  &::before {
    content: "\e241";
  }
}

.format-list-numbered {
  @extend %icon;

  &::before {
    content: "\e242";
  }
}

.format-paint {
  @extend %icon;

  &::before {
    content: "\e243";
  }
}

.format-quote {
  @extend %icon;

  &::before {
    content: "\e244";
  }
}

.format-size {
  @extend %icon;

  &::before {
    content: "\e245";
  }
}

.format-strikethrough {
  @extend %icon;

  &::before {
    content: "\e246";
  }
}

.format-textdirection-l-to-r {
  @extend %icon;

  &::before {
    content: "\e247";
  }
}

.format-textdirection-r-to-l {
  @extend %icon;

  &::before {
    content: "\e248";
  }
}

.format-underlined {
  @extend %icon;

  &::before {
    content: "\e249";
  }
}

.forum {
  @extend %icon;

  &::before {
    content: "\e0bf";
  }
}

.forward {
  @extend %icon;

  &::before {
    content: "\e154";
  }
}

.forward-10 {
  @extend %icon;

  &::before {
    content: "\e056";
  }
}

.forward-30 {
  @extend %icon;

  &::before {
    content: "\e057";
  }
}

.forward-5 {
  @extend %icon;

  &::before {
    content: "\e058";
  }
}

.fullscreen {
  @extend %icon;

  &::before {
    content: "\e5d0";
  }
}

.fullscreen-exit {
  @extend %icon;

  &::before {
    content: "\e5d1";
  }
}

.functions {
  @extend %icon;

  &::before {
    content: "\e24a";
  }
}

.gamepad {
  @extend %icon;

  &::before {
    content: "\e30f";
  }
}

.games {
  @extend %icon;

  &::before {
    content: "\e021";
  }
}

.gesture {
  @extend %icon;

  &::before {
    content: "\e155";
  }
}

.get-app {
  @extend %icon;

  &::before {
    content: "\e884";
  }
}

.gif {
  @extend %icon;

  &::before {
    content: "\e908";
  }
}

.gps-fixed {
  @extend %icon;

  &::before {
    content: "\e1b3";
  }
}

.gps-not-fixed {
  @extend %icon;

  &::before {
    content: "\e1b4";
  }
}

.gps-off {
  @extend %icon;

  &::before {
    content: "\e1b5";
  }
}

.grade {
  @extend %icon;

  &::before {
    content: "\e885";
  }
}

.gradient {
  @extend %icon;

  &::before {
    content: "\e3e9";
  }
}

.grain {
  @extend %icon;

  &::before {
    content: "\e3ea";
  }
}

.graphic-eq {
  @extend %icon;

  &::before {
    content: "\e1b8";
  }
}

.grid-off {
  @extend %icon;

  &::before {
    content: "\e3eb";
  }
}

.grid-on {
  @extend %icon;

  &::before {
    content: "\e3ec";
  }
}

.group {
  @extend %icon;

  &::before {
    content: "\e7ef";
  }
}

.group-add {
  @extend %icon;

  &::before {
    content: "\e7f0";
  }
}

.group-work {
  @extend %icon;

  &::before {
    content: "\e886";
  }
}

.hd {
  @extend %icon;

  &::before {
    content: "\e052";
  }
}

.hdr-off {
  @extend %icon;

  &::before {
    content: "\e3ed";
  }
}

.hdr-on {
  @extend %icon;

  &::before {
    content: "\e3ee";
  }
}

.hdr-strong {
  @extend %icon;

  &::before {
    content: "\e3f1";
  }
}

.hdr-weak {
  @extend %icon;

  &::before {
    content: "\e3f2";
  }
}

.headset {
  @extend %icon;

  &::before {
    content: "\e310";
  }
}

.headset-mic {
  @extend %icon;

  &::before {
    content: "\e311";
  }
}

.healing {
  @extend %icon;

  &::before {
    content: "\e3f3";
  }
}

.hearing {
  @extend %icon;

  &::before {
    content: "\e023";
  }
}

.help {
  @extend %icon;

  &::before {
    content: "\e887";
  }
}

.help-outline {
  @extend %icon;

  &::before {
    content: "\e8fd";
  }
}

.high-quality {
  @extend %icon;

  &::before {
    content: "\e024";
  }
}

.highlight-off {
  @extend %icon;

  &::before {
    content: "\e888";
  }
}

.history {
  @extend %icon;

  &::before {
    content: "\e889";
  }
}

.home {
  @extend %icon;

  &::before {
    content: "\e88a";
  }
}

.hotel {
  @extend %icon;

  &::before {
    content: "\e53a";
  }
}

.hourglass-empty {
  @extend %icon;

  &::before {
    content: "\e88b";
  }
}

.hourglass-full {
  @extend %icon;

  &::before {
    content: "\e88c";
  }
}

.http {
  @extend %icon;

  &::before {
    content: "\e902";
  }
}

.https {
  @extend %icon;

  &::before {
    content: "\e88d";
  }
}

.image {
  @extend %icon;

  &::before {
    content: "\e3f4";
  }
}

.image-aspect-ratio {
  @extend %icon;

  &::before {
    content: "\e3f5";
  }
}

.import-export {
  @extend %icon;

  &::before {
    content: "\e0c3";
  }
}

.inbox {
  @extend %icon;

  &::before {
    content: "\e156";
  }
}

.indeterminate-check-box {
  @extend %icon;

  &::before {
    content: "\e909";
  }
}

.info {
  @extend %icon;

  &::before {
    content: "\e88e";
  }
}

.info-outline {
  @extend %icon;

  &::before {
    content: "\e88f";
  }
}

.input {
  @extend %icon;

  &::before {
    content: "\e890";
  }
}

.insert-chart {
  @extend %icon;

  &::before {
    content: "\e24b";
  }
}

.insert-comment {
  @extend %icon;

  &::before {
    content: "\e24c";
  }
}

.insert-drive-file {
  @extend %icon;

  &::before {
    content: "\e24d";
  }
}

.insert-emoticon {
  @extend %icon;

  &::before {
    content: "\e24e";
  }
}

.insert-invitation {
  @extend %icon;

  &::before {
    content: "\e24f";
  }
}

.insert-link {
  @extend %icon;

  &::before {
    content: "\e250";
  }
}

.insert-photo {
  @extend %icon;

  &::before {
    content: "\e251";
  }
}

.invert-colors {
  @extend %icon;

  &::before {
    content: "\e891";
  }
}

.invert-colors-off {
  @extend %icon;

  &::before {
    content: "\e0c4";
  }
}

.iso {
  @extend %icon;

  &::before {
    content: "\e3f6";
  }
}

.keyboard {
  @extend %icon;

  &::before {
    content: "\e312";
  }
}

.keyboard-arrow-down {
  @extend %icon;

  &::before {
    content: "\e313";
  }
}

.keyboard-arrow-left {
  @extend %icon;

  &::before {
    content: "\e314";
  }
}

.keyboard-arrow-right {
  @extend %icon;

  &::before {
    content: "\e315";
  }
}

.keyboard-arrow-up {
  @extend %icon;

  &::before {
    content: "\e316";
  }
}

.keyboard-backspace {
  @extend %icon;

  &::before {
    content: "\e317";
  }
}

.keyboard-capslock {
  @extend %icon;

  &::before {
    content: "\e318";
  }
}

.keyboard-hide {
  @extend %icon;

  &::before {
    content: "\e31a";
  }
}

.keyboard-return {
  @extend %icon;

  &::before {
    content: "\e31b";
  }
}

.keyboard-tab {
  @extend %icon;

  &::before {
    content: "\e31c";
  }
}

.keyboard-voice {
  @extend %icon;

  &::before {
    content: "\e31d";
  }
}

.label {
  @extend %icon;

  &::before {
    content: "\e892";
  }
}

.label-outline {
  @extend %icon;

  &::before {
    content: "\e893";
  }
}

.landscape {
  @extend %icon;

  &::before {
    content: "\e3f7";
  }
}

.language {
  @extend %icon;

  &::before {
    content: "\e894";
  }
}

.laptop {
  @extend %icon;

  &::before {
    content: "\e31e";
  }
}

.laptop-chromebook {
  @extend %icon;

  &::before {
    content: "\e31f";
  }
}

.laptop-mac {
  @extend %icon;

  &::before {
    content: "\e320";
  }
}

.laptop-windows {
  @extend %icon;

  &::before {
    content: "\e321";
  }
}

.launch {
  @extend %icon;

  &::before {
    content: "\e895";
  }
}

.layers {
  @extend %icon;

  &::before {
    content: "\e53b";
  }
}

.layers-clear {
  @extend %icon;

  &::before {
    content: "\e53c";
  }
}

.leak-add {
  @extend %icon;

  &::before {
    content: "\e3f8";
  }
}

.leak-remove {
  @extend %icon;

  &::before {
    content: "\e3f9";
  }
}

.lens {
  @extend %icon;

  &::before {
    content: "\e3fa";
  }
}

.library-add {
  @extend %icon;

  &::before {
    content: "\e02e";
  }
}

.library-books {
  @extend %icon;

  &::before {
    content: "\e02f";
  }
}

.library-music {
  @extend %icon;

  &::before {
    content: "\e030";
  }
}

.link {
  @extend %icon;

  &::before {
    content: "\e157";
  }
}

.list {
  @extend %icon;

  &::before {
    content: "\e896";
  }
}

.live-help {
  @extend %icon;

  &::before {
    content: "\e0c6";
  }
}

.live-tv {
  @extend %icon;

  &::before {
    content: "\e639";
  }
}

.local-activity {
  @extend %icon;

  &::before {
    content: "\e53f";
  }
}

.local-airport {
  @extend %icon;

  &::before {
    content: "\e53d";
  }
}

.local-atm {
  @extend %icon;

  &::before {
    content: "\e53e";
  }
}

.local-bar {
  @extend %icon;

  &::before {
    content: "\e540";
  }
}

.local-cafe {
  @extend %icon;

  &::before {
    content: "\e541";
  }
}

.local-car-wash {
  @extend %icon;

  &::before {
    content: "\e542";
  }
}

.local-convenience-store {
  @extend %icon;

  &::before {
    content: "\e543";
  }
}

.local-dining {
  @extend %icon;

  &::before {
    content: "\e556";
  }
}

.local-drink {
  @extend %icon;

  &::before {
    content: "\e544";
  }
}

.local-florist {
  @extend %icon;

  &::before {
    content: "\e545";
  }
}

.local-gas-station {
  @extend %icon;

  &::before {
    content: "\e546";
  }
}

.local-grocery-store {
  @extend %icon;

  &::before {
    content: "\e547";
  }
}

.local-hospital {
  @extend %icon;

  &::before {
    content: "\e548";
  }
}

.local-hotel {
  @extend %icon;

  &::before {
    content: "\e549";
  }
}

.local-laundry-service {
  @extend %icon;

  &::before {
    content: "\e54a";
  }
}

.local-library {
  @extend %icon;

  &::before {
    content: "\e54b";
  }
}

.local-mall {
  @extend %icon;

  &::before {
    content: "\e54c";
  }
}

.local-movies {
  @extend %icon;

  &::before {
    content: "\e54d";
  }
}

.local-offer {
  @extend %icon;

  &::before {
    content: "\e54e";
  }
}

.local-parking {
  @extend %icon;

  &::before {
    content: "\e54f";
  }
}

.local-pharmacy {
  @extend %icon;

  &::before {
    content: "\e550";
  }
}

.local-phone {
  @extend %icon;

  &::before {
    content: "\e551";
  }
}

.local-pizza {
  @extend %icon;

  &::before {
    content: "\e552";
  }
}

.local-play {
  @extend %icon;

  &::before {
    content: "\e553";
  }
}

.local-post-office {
  @extend %icon;

  &::before {
    content: "\e554";
  }
}

.local-printshop {
  @extend %icon;

  &::before {
    content: "\e555";
  }
}

.local-see {
  @extend %icon;

  &::before {
    content: "\e557";
  }
}

.local-shipping {
  @extend %icon;

  &::before {
    content: "\e558";
  }
}

.local-taxi {
  @extend %icon;

  &::before {
    content: "\e559";
  }
}

.location-city {
  @extend %icon;

  &::before {
    content: "\e7f1";
  }
}

.location-disabled {
  @extend %icon;

  &::before {
    content: "\e1b6";
  }
}

.location-off {
  @extend %icon;

  &::before {
    content: "\e0c7";
  }
}

.location-on {
  @extend %icon;

  &::before {
    content: "\e0c8";
  }
}

.location-searching {
  @extend %icon;

  &::before {
    content: "\e1b7";
  }
}

.lock {
  @extend %icon;

  &::before {
    content: "\e897";
  }
}

.lock-open {
  @extend %icon;

  &::before {
    content: "\e898";
  }
}

.lock-outline {
  @extend %icon;

  &::before {
    content: "\e899";
  }
}

.looks {
  @extend %icon;

  &::before {
    content: "\e3fc";
  }
}

.looks-3 {
  @extend %icon;

  &::before {
    content: "\e3fb";
  }
}

.looks-4 {
  @extend %icon;

  &::before {
    content: "\e3fd";
  }
}

.looks-5 {
  @extend %icon;

  &::before {
    content: "\e3fe";
  }
}

.looks-6 {
  @extend %icon;

  &::before {
    content: "\e3ff";
  }
}

.looks-one {
  @extend %icon;

  &::before {
    content: "\e400";
  }
}

.looks-two {
  @extend %icon;

  &::before {
    content: "\e401";
  }
}

.loop {
  @extend %icon;

  &::before {
    content: "\e028";
  }
}

.loupe {
  @extend %icon;

  &::before {
    content: "\e402";
  }
}

.loyalty {
  @extend %icon;

  &::before {
    content: "\e89a";
  }
}

.mail {
  @extend %icon;

  &::before {
    content: "\e158";
  }
}

.map {
  @extend %icon;

  &::before {
    content: "\e55b";
  }
}

.markunread {
  @extend %icon;

  &::before {
    content: "\e159";
  }
}

.markunread-mailbox {
  @extend %icon;

  &::before {
    content: "\e89b";
  }
}

.memory {
  @extend %icon;

  &::before {
    content: "\e322";
  }
}

.menu {
  @extend %icon;

  &::before {
    content: "\e5d2";
  }
}

.merge-type {
  @extend %icon;

  &::before {
    content: "\e252";
  }
}

.message {
  @extend %icon;

  &::before {
    content: "\e0c9";
  }
}

.mic {
  @extend %icon;

  &::before {
    content: "\e029";
  }
}

.mic-none {
  @extend %icon;

  &::before {
    content: "\e02a";
  }
}

.mic-off {
  @extend %icon;

  &::before {
    content: "\e02b";
  }
}

.mms {
  @extend %icon;

  &::before {
    content: "\e618";
  }
}

.mode-comment {
  @extend %icon;

  &::before {
    content: "\e253";
  }
}

.mode-edit {
  @extend %icon;

  &::before {
    content: "\e254";
  }
}

.money-off {
  @extend %icon;

  &::before {
    content: "\e25c";
  }
}

.monochrome-photos {
  @extend %icon;

  &::before {
    content: "\e403";
  }
}

.mood {
  @extend %icon;

  &::before {
    content: "\e7f2";
  }
}

.mood-bad {
  @extend %icon;

  &::before {
    content: "\e7f3";
  }
}

.more {
  @extend %icon;

  &::before {
    content: "\e619";
  }
}

.more-horiz {
  @extend %icon;

  &::before {
    content: "\e5d3";
  }
}

.more-vert {
  @extend %icon;

  &::before {
    content: "\e5d4";
  }
}

.mouse {
  @extend %icon;

  &::before {
    content: "\e323";
  }
}

.movie {
  @extend %icon;

  &::before {
    content: "\e02c";
  }
}

.movie-creation {
  @extend %icon;

  &::before {
    content: "\e404";
  }
}

.music-note {
  @extend %icon;

  &::before {
    content: "\e405";
  }
}

.my-location {
  @extend %icon;

  &::before {
    content: "\e55c";
  }
}

.nature {
  @extend %icon;

  &::before {
    content: "\e406";
  }
}

.nature-people {
  @extend %icon;

  &::before {
    content: "\e407";
  }
}

.navigate-before {
  @extend %icon;

  &::before {
    content: "\e408";
  }
}

.navigate-next {
  @extend %icon;

  &::before {
    content: "\e409";
  }
}

.navigation {
  @extend %icon;

  &::before {
    content: "\e55d";
  }
}

.network-cell {
  @extend %icon;

  &::before {
    content: "\e1b9";
  }
}

.network-locked {
  @extend %icon;

  &::before {
    content: "\e61a";
  }
}

.network-wifi {
  @extend %icon;

  &::before {
    content: "\e1ba";
  }
}

.new-releases {
  @extend %icon;

  &::before {
    content: "\e031";
  }
}

.nfc {
  @extend %icon;

  &::before {
    content: "\e1bb";
  }
}

.no-sim {
  @extend %icon;

  &::before {
    content: "\e0cc";
  }
}

.not-interested {
  @extend %icon;

  &::before {
    content: "\e033";
  }
}

.note-add {
  @extend %icon;

  &::before {
    content: "\e89c";
  }
}

.notifications {
  @extend %icon;

  &::before {
    content: "\e7f4";
  }
}

.notifications-active {
  @extend %icon;

  &::before {
    content: "\e7f7";
  }
}

.notifications-none {
  @extend %icon;

  &::before {
    content: "\e7f5";
  }
}

.notifications-off {
  @extend %icon;

  &::before {
    content: "\e7f6";
  }
}

.notifications-paused {
  @extend %icon;

  &::before {
    content: "\e7f8";
  }
}

.offline-pin {
  @extend %icon;

  &::before {
    content: "\e90a";
  }
}

.ondemand-video {
  @extend %icon;

  &::before {
    content: "\e63a";
  }
}

.open-in-browser {
  @extend %icon;

  &::before {
    content: "\e89d";
  }
}

.open-in-new {
  @extend %icon;

  &::before {
    content: "\e89e";
  }
}

.open-with {
  @extend %icon;

  &::before {
    content: "\e89f";
  }
}

.pages {
  @extend %icon;

  &::before {
    content: "\e7f9";
  }
}

.pageview {
  @extend %icon;

  &::before {
    content: "\e8a0";
  }
}

.palette {
  @extend %icon;

  &::before {
    content: "\e40a";
  }
}

.panorama {
  @extend %icon;

  &::before {
    content: "\e40b";
  }
}

.panorama-fish-eye {
  @extend %icon;

  &::before {
    content: "\e40c";
  }
}

.panorama-horizontal {
  @extend %icon;

  &::before {
    content: "\e40d";
  }
}

.panorama-vertical {
  @extend %icon;

  &::before {
    content: "\e40e";
  }
}

.panorama-wide-angle {
  @extend %icon;

  &::before {
    content: "\e40f";
  }
}

.party-mode {
  @extend %icon;

  &::before {
    content: "\e7fa";
  }
}

.pause {
  @extend %icon;

  &::before {
    content: "\e034";
  }
}

.pause-circle-filled {
  @extend %icon;

  &::before {
    content: "\e035";
  }
}

.pause-circle-outline {
  @extend %icon;

  &::before {
    content: "\e036";
  }
}

.payment {
  @extend %icon;

  &::before {
    content: "\e8a1";
  }
}

.people {
  @extend %icon;

  &::before {
    content: "\e7fb";
  }
}

.people-outline {
  @extend %icon;

  &::before {
    content: "\e7fc";
  }
}

.perm-camera-mic {
  @extend %icon;

  &::before {
    content: "\e8a2";
  }
}

.perm-contact-calendar {
  @extend %icon;

  &::before {
    content: "\e8a3";
  }
}

.perm-data-setting {
  @extend %icon;

  &::before {
    content: "\e8a4";
  }
}

.perm-device-information {
  @extend %icon;

  &::before {
    content: "\e8a5";
  }
}

.perm-identity {
  @extend %icon;

  &::before {
    content: "\e8a6";
  }
}

.perm-media {
  @extend %icon;

  &::before {
    content: "\e8a7";
  }
}

.perm-phone-msg {
  @extend %icon;

  &::before {
    content: "\e8a8";
  }
}

.perm-scan-wifi {
  @extend %icon;

  &::before {
    content: "\e8a9";
  }
}

.person {
  @extend %icon;

  &::before {
    content: "\e7fd";
  }
}

.person-add {
  @extend %icon;

  &::before {
    content: "\e7fe";
  }
}

.person-outline {
  @extend %icon;

  &::before {
    content: "\e7ff";
  }
}

.person-pin {
  @extend %icon;

  &::before {
    content: "\e55a";
  }
}

.personal-video {
  @extend %icon;

  &::before {
    content: "\e63b";
  }
}

.phone {
  @extend %icon;

  &::before {
    content: "\e0cd";
  }
}

.phone-android {
  @extend %icon;

  &::before {
    content: "\e324";
  }
}

.phone-bluetooth-speaker {
  @extend %icon;

  &::before {
    content: "\e61b";
  }
}

.phone-forwarded {
  @extend %icon;

  &::before {
    content: "\e61c";
  }
}

.phone-in-talk {
  @extend %icon;

  &::before {
    content: "\e61d";
  }
}

.phone-iphone {
  @extend %icon;

  &::before {
    content: "\e325";
  }
}

.phone-locked {
  @extend %icon;

  &::before {
    content: "\e61e";
  }
}

.phone-missed {
  @extend %icon;

  &::before {
    content: "\e61f";
  }
}

.phone-paused {
  @extend %icon;

  &::before {
    content: "\e620";
  }
}

.phonelink {
  @extend %icon;

  &::before {
    content: "\e326";
  }
}

.phonelink-erase {
  @extend %icon;

  &::before {
    content: "\e0db";
  }
}

.phonelink-lock {
  @extend %icon;

  &::before {
    content: "\e0dc";
  }
}

.phonelink-off {
  @extend %icon;

  &::before {
    content: "\e327";
  }
}

.phonelink-ring {
  @extend %icon;

  &::before {
    content: "\e0dd";
  }
}

.phonelink-setup {
  @extend %icon;

  &::before {
    content: "\e0de";
  }
}

.photo {
  @extend %icon;

  &::before {
    content: "\e410";
  }
}

.photo-album {
  @extend %icon;

  &::before {
    content: "\e411";
  }
}

.photo-camera {
  @extend %icon;

  &::before {
    content: "\e412";
  }
}

.photo-library {
  @extend %icon;

  &::before {
    content: "\e413";
  }
}

.photo-size-select-actual {
  @extend %icon;

  &::before {
    content: "\e432";
  }
}

.photo-size-select-large {
  @extend %icon;

  &::before {
    content: "\e433";
  }
}

.photo-size-select-small {
  @extend %icon;

  &::before {
    content: "\e434";
  }
}

.picture-as-pdf {
  @extend %icon;

  &::before {
    content: "\e415";
  }
}

.picture-in-picture {
  @extend %icon;

  &::before {
    content: "\e8aa";
  }
}

.pin-drop {
  @extend %icon;

  &::before {
    content: "\e55e";
  }
}

.place {
  @extend %icon;

  &::before {
    content: "\e55f";
  }
}

.play-arrow {
  @extend %icon;

  &::before {
    content: "\e037";
  }
}

.play-circle-filled {
  @extend %icon;

  &::before {
    content: "\e038";
  }
}

.play-circle-outline {
  @extend %icon;

  &::before {
    content: "\e039";
  }
}

.play-for-work {
  @extend %icon;

  &::before {
    content: "\e906";
  }
}

.playlist-add {
  @extend %icon;

  &::before {
    content: "\e03b";
  }
}

.plus-one {
  @extend %icon;

  &::before {
    content: "\e800";
  }
}

.poll {
  @extend %icon;

  &::before {
    content: "\e801";
  }
}

.polymer {
  @extend %icon;

  &::before {
    content: "\e8ab";
  }
}

.portable-wifi-off {
  @extend %icon;

  &::before {
    content: "\e0ce";
  }
}

.portrait {
  @extend %icon;

  &::before {
    content: "\e416";
  }
}

.power {
  @extend %icon;

  &::before {
    content: "\e63c";
  }
}

.power-input {
  @extend %icon;

  &::before {
    content: "\e336";
  }
}

.power-settings-new {
  @extend %icon;

  &::before {
    content: "\e8ac";
  }
}

.present-to-all {
  @extend %icon;

  &::before {
    content: "\e0df";
  }
}

.print {
  @extend %icon;

  &::before {
    content: "\e8ad";
  }
}

.public {
  @extend %icon;

  &::before {
    content: "\e80b";
  }
}

.publish {
  @extend %icon;

  &::before {
    content: "\e255";
  }
}

.query-builder {
  @extend %icon;

  &::before {
    content: "\e8ae";
  }
}

.question-answer {
  @extend %icon;

  &::before {
    content: "\e8af";
  }
}

.queue {
  @extend %icon;

  &::before {
    content: "\e03c";
  }
}

.queue-music {
  @extend %icon;

  &::before {
    content: "\e03d";
  }
}

.radio {
  @extend %icon;

  &::before {
    content: "\e03e";
  }
}

.radio-button-checked {
  @extend %icon;

  &::before {
    content: "\e837";
  }
}

.radio-button-unchecked {
  @extend %icon;

  &::before {
    content: "\e836";
  }
}

.rate-review {
  @extend %icon;

  &::before {
    content: "\e560";
  }
}

.receipt {
  @extend %icon;

  &::before {
    content: "\e8b0";
  }
}

.recent-actors {
  @extend %icon;

  &::before {
    content: "\e03f";
  }
}

.redeem {
  @extend %icon;

  &::before {
    content: "\e8b1";
  }
}

.redo {
  @extend %icon;

  &::before {
    content: "\e15a";
  }
}

.refresh {
  @extend %icon;

  &::before {
    content: "\e5d5";
  }
}

.remove {
  @extend %icon;

  &::before {
    content: "\e15b";
  }
}

.remove-circle {
  @extend %icon;

  &::before {
    content: "\e15c";
  }
}

.remove-circle-outline {
  @extend %icon;

  &::before {
    content: "\e15d";
  }
}

.remove-red-eye {
  @extend %icon;

  &::before {
    content: "\e417";
  }
}

.reorder {
  @extend %icon;

  &::before {
    content: "\e8fe";
  }
}

.repeat {
  @extend %icon;

  &::before {
    content: "\e040";
  }
}

.repeat-one {
  @extend %icon;

  &::before {
    content: "\e041";
  }
}

.replay {
  @extend %icon;

  &::before {
    content: "\e042";
  }
}

.replay-10 {
  @extend %icon;

  &::before {
    content: "\e059";
  }
}

.replay-30 {
  @extend %icon;

  &::before {
    content: "\e05a";
  }
}

.replay-5 {
  @extend %icon;

  &::before {
    content: "\e05b";
  }
}

.reply {
  @extend %icon;

  &::before {
    content: "\e15e";
  }
}

.reply-all {
  @extend %icon;

  &::before {
    content: "\e15f";
  }
}

.report {
  @extend %icon;

  &::before {
    content: "\e160";
  }
}

.report-problem {
  @extend %icon;

  &::before {
    content: "\e8b2";
  }
}

.restaurant-menu {
  @extend %icon;

  &::before {
    content: "\e561";
  }
}

.restore {
  @extend %icon;

  &::before {
    content: "\e8b3";
  }
}

.ring-volume {
  @extend %icon;

  &::before {
    content: "\e0d1";
  }
}

.room {
  @extend %icon;

  &::before {
    content: "\e8b4";
  }
}

.rotate-90-degrees-ccw {
  @extend %icon;

  &::before {
    content: "\e418";
  }
}

.rotate-left {
  @extend %icon;

  &::before {
    content: "\e419";
  }
}

.rotate-right {
  @extend %icon;

  &::before {
    content: "\e41a";
  }
}

.router {
  @extend %icon;

  &::before {
    content: "\e328";
  }
}

.satellite {
  @extend %icon;

  &::before {
    content: "\e562";
  }
}

.save {
  @extend %icon;

  &::before {
    content: "\e161";
  }
}

.scanner {
  @extend %icon;

  &::before {
    content: "\e329";
  }
}

.schedule {
  @extend %icon;

  &::before {
    content: "\e8b5";
  }
}

.school {
  @extend %icon;

  &::before {
    content: "\e80c";
  }
}

.screen-lock-landscape {
  @extend %icon;

  &::before {
    content: "\e1be";
  }
}

.screen-lock-portrait {
  @extend %icon;

  &::before {
    content: "\e1bf";
  }
}

.screen-lock-rotation {
  @extend %icon;

  &::before {
    content: "\e1c0";
  }
}

.screen-rotation {
  @extend %icon;

  &::before {
    content: "\e1c1";
  }
}

.sd-card {
  @extend %icon;

  &::before {
    content: "\e623";
  }
}

.sd-storage {
  @extend %icon;

  &::before {
    content: "\e1c2";
  }
}

.search {
  @extend %icon;

  &::before {
    content: "\e8b6";
  }
}

.security {
  @extend %icon;

  &::before {
    content: "\e32a";
  }
}

.select-all {
  @extend %icon;

  &::before {
    content: "\e162";
  }
}

.send {
  @extend %icon;

  &::before {
    content: "\e163";
  }
}

.settings {
  @extend %icon;

  &::before {
    content: "\e8b8";
  }
}

.settings-applications {
  @extend %icon;

  &::before {
    content: "\e8b9";
  }
}

.settings-backup-restore {
  @extend %icon;

  &::before {
    content: "\e8ba";
  }
}

.settings-bluetooth {
  @extend %icon;

  &::before {
    content: "\e8bb";
  }
}

.settings-brightness {
  @extend %icon;

  &::before {
    content: "\e8bd";
  }
}

.settings-cell {
  @extend %icon;

  &::before {
    content: "\e8bc";
  }
}

.settings-ethernet {
  @extend %icon;

  &::before {
    content: "\e8be";
  }
}

.settings-input-antenna {
  @extend %icon;

  &::before {
    content: "\e8bf";
  }
}

.settings-input-component {
  @extend %icon;

  &::before {
    content: "\e8c0";
  }
}

.settings-input-composite {
  @extend %icon;

  &::before {
    content: "\e8c1";
  }
}

.settings-input-hdmi {
  @extend %icon;

  &::before {
    content: "\e8c2";
  }
}

.settings-input-svideo {
  @extend %icon;

  &::before {
    content: "\e8c3";
  }
}

.settings-overscan {
  @extend %icon;

  &::before {
    content: "\e8c4";
  }
}

.settings-phone {
  @extend %icon;

  &::before {
    content: "\e8c5";
  }
}

.settings-power {
  @extend %icon;

  &::before {
    content: "\e8c6";
  }
}

.settings-remote {
  @extend %icon;

  &::before {
    content: "\e8c7";
  }
}

.settings-system-daydream {
  @extend %icon;

  &::before {
    content: "\e1c3";
  }
}

.settings-voice {
  @extend %icon;

  &::before {
    content: "\e8c8";
  }
}

.share {
  @extend %icon;

  &::before {
    content: "\e80d";
  }
}

.shop {
  @extend %icon;

  &::before {
    content: "\e8c9";
  }
}

.shop-two {
  @extend %icon;

  &::before {
    content: "\e8ca";
  }
}

.shopping-basket {
  @extend %icon;

  &::before {
    content: "\e8cb";
  }
}

.shopping-cart {
  @extend %icon;

  &::before {
    content: "\e8cc";
  }
}

.shuffle {
  @extend %icon;

  &::before {
    content: "\e043";
  }
}

.signal-cellular-4-bar {
  @extend %icon;

  &::before {
    content: "\e1c8";
  }
}

.signal-cellular-connected-no-internet-4-bar {
  @extend %icon;

  &::before {
    content: "\e1cd";
  }
}

.signal-cellular-no-sim {
  @extend %icon;

  &::before {
    content: "\e1ce";
  }
}

.signal-cellular-null {
  @extend %icon;

  &::before {
    content: "\e1cf";
  }
}

.signal-cellular-off {
  @extend %icon;

  &::before {
    content: "\e1d0";
  }
}

.signal-wifi-4-bar {
  @extend %icon;

  &::before {
    content: "\e1d8";
  }
}

.signal-wifi-4-bar-lock {
  @extend %icon;

  &::before {
    content: "\e1d9";
  }
}

.signal-wifi-off {
  @extend %icon;

  &::before {
    content: "\e1da";
  }
}

.sim-card {
  @extend %icon;

  &::before {
    content: "\e32b";
  }
}

.sim-card-alert {
  @extend %icon;

  &::before {
    content: "\e624";
  }
}

.skip-next {
  @extend %icon;

  &::before {
    content: "\e044";
  }
}

.skip-previous {
  @extend %icon;

  &::before {
    content: "\e045";
  }
}

.slideshow {
  @extend %icon;

  &::before {
    content: "\e41b";
  }
}

.smartphone {
  @extend %icon;

  &::before {
    content: "\e32c";
  }
}

.sms {
  @extend %icon;

  &::before {
    content: "\e625";
  }
}

.sms-failed {
  @extend %icon;

  &::before {
    content: "\e626";
  }
}

.snooze {
  @extend %icon;

  &::before {
    content: "\e046";
  }
}

.sort {
  @extend %icon;

  &::before {
    content: "\e164";
  }
}

.sort-by-alpha {
  @extend %icon;

  &::before {
    content: "\e053";
  }
}

.space-bar {
  @extend %icon;

  &::before {
    content: "\e256";
  }
}

.speaker {
  @extend %icon;

  &::before {
    content: "\e32d";
  }
}

.speaker-group {
  @extend %icon;

  &::before {
    content: "\e32e";
  }
}

.speaker-notes {
  @extend %icon;

  &::before {
    content: "\e8cd";
  }
}

.speaker-phone {
  @extend %icon;

  &::before {
    content: "\e0d2";
  }
}

.spellcheck {
  @extend %icon;

  &::before {
    content: "\e8ce";
  }
}

.star {
  @extend %icon;

  &::before {
    content: "\e838";
  }
}

.star-border {
  @extend %icon;

  &::before {
    content: "\e83a";
  }
}

.star-half {
  @extend %icon;

  &::before {
    content: "\e839";
  }
}

.stars {
  @extend %icon;

  &::before {
    content: "\e8d0";
  }
}

.stay-current-landscape {
  @extend %icon;

  &::before {
    content: "\e0d3";
  }
}

.stay-current-portrait {
  @extend %icon;

  &::before {
    content: "\e0d4";
  }
}

.stay-primary-landscape {
  @extend %icon;

  &::before {
    content: "\e0d5";
  }
}

.stay-primary-portrait {
  @extend %icon;

  &::before {
    content: "\e0d6";
  }
}

.stop {
  @extend %icon;

  &::before {
    content: "\e047";
  }
}

.storage {
  @extend %icon;

  &::before {
    content: "\e1db";
  }
}

.store {
  @extend %icon;

  &::before {
    content: "\e8d1";
  }
}

.store-mall-directory {
  @extend %icon;

  &::before {
    content: "\e563";
  }
}

.straighten {
  @extend %icon;

  &::before {
    content: "\e41c";
  }
}

.strikethrough-s {
  @extend %icon;

  &::before {
    content: "\e257";
  }
}

.style {
  @extend %icon;

  &::before {
    content: "\e41d";
  }
}

.subject {
  @extend %icon;

  &::before {
    content: "\e8d2";
  }
}

.subtitles {
  @extend %icon;

  &::before {
    content: "\e048";
  }
}

.supervisor-account {
  @extend %icon;

  &::before {
    content: "\e8d3";
  }
}

.surround-sound {
  @extend %icon;

  &::before {
    content: "\e049";
  }
}

.swap-calls {
  @extend %icon;

  &::before {
    content: "\e0d7";
  }
}

.swap-horiz {
  @extend %icon;

  &::before {
    content: "\e8d4";
  }
}

.swap-vert {
  @extend %icon;

  &::before {
    content: "\e8d5";
  }
}

.swap-vertical-circle {
  @extend %icon;

  &::before {
    content: "\e8d6";
  }
}

.switch-camera {
  @extend %icon;

  &::before {
    content: "\e41e";
  }
}

.switch-video {
  @extend %icon;

  &::before {
    content: "\e41f";
  }
}

.sync {
  @extend %icon;

  &::before {
    content: "\e627";
  }
}

.sync-disabled {
  @extend %icon;

  &::before {
    content: "\e628";
  }
}

.sync-problem {
  @extend %icon;

  &::before {
    content: "\e629";
  }
}

.system-update {
  @extend %icon;

  &::before {
    content: "\e62a";
  }
}

.system-update-alt {
  @extend %icon;

  &::before {
    content: "\e8d7";
  }
}

.tab {
  @extend %icon;

  &::before {
    content: "\e8d8";
  }
}

.tab-unselected {
  @extend %icon;

  &::before {
    content: "\e8d9";
  }
}

.tablet {
  @extend %icon;

  &::before {
    content: "\e32f";
  }
}

.tablet-android {
  @extend %icon;

  &::before {
    content: "\e330";
  }
}

.tablet-mac {
  @extend %icon;

  &::before {
    content: "\e331";
  }
}

.tag-faces {
  @extend %icon;

  &::before {
    content: "\e420";
  }
}

.tap-and-play {
  @extend %icon;

  &::before {
    content: "\e62b";
  }
}

.terrain {
  @extend %icon;

  &::before {
    content: "\e564";
  }
}

.text-format {
  @extend %icon;

  &::before {
    content: "\e165";
  }
}

.textsms {
  @extend %icon;

  &::before {
    content: "\e0d8";
  }
}

.texture {
  @extend %icon;

  &::before {
    content: "\e421";
  }
}

.theaters {
  @extend %icon;

  &::before {
    content: "\e8da";
  }
}

.thumb-down {
  @extend %icon;

  &::before {
    content: "\e8db";
  }
}

.thumb-up {
  @extend %icon;

  &::before {
    content: "\e8dc";
  }
}

.thumbs-up-down {
  @extend %icon;

  &::before {
    content: "\e8dd";
  }
}

.time-to-leave {
  @extend %icon;

  &::before {
    content: "\e62c";
  }
}

.timelapse {
  @extend %icon;

  &::before {
    content: "\e422";
  }
}

.timer {
  @extend %icon;

  &::before {
    content: "\e425";
  }
}

.timer-10 {
  @extend %icon;

  &::before {
    content: "\e423";
  }
}

.timer-3 {
  @extend %icon;

  &::before {
    content: "\e424";
  }
}

.timer-off {
  @extend %icon;

  &::before {
    content: "\e426";
  }
}

.toc {
  @extend %icon;

  &::before {
    content: "\e8de";
  }
}

.today {
  @extend %icon;

  &::before {
    content: "\e8df";
  }
}

.toll {
  @extend %icon;

  &::before {
    content: "\e8e0";
  }
}

.tonality {
  @extend %icon;

  &::before {
    content: "\e427";
  }
}

.toys {
  @extend %icon;

  &::before {
    content: "\e332";
  }
}

.track-changes {
  @extend %icon;

  &::before {
    content: "\e8e1";
  }
}

.traffic {
  @extend %icon;

  &::before {
    content: "\e565";
  }
}

.transform {
  @extend %icon;

  &::before {
    content: "\e428";
  }
}

.translate {
  @extend %icon;

  &::before {
    content: "\e8e2";
  }
}

.trending-down {
  @extend %icon;

  &::before {
    content: "\e8e3";
  }
}

.trending-flat {
  @extend %icon;

  &::before {
    content: "\e8e4";
  }
}

.trending-up {
  @extend %icon;

  &::before {
    content: "\e8e5";
  }
}

.tune {
  @extend %icon;

  &::before {
    content: "\e429";
  }
}

.turned-in {
  @extend %icon;

  &::before {
    content: "\e8e6";
  }
}

.turned-in-not {
  @extend %icon;

  &::before {
    content: "\e8e7";
  }
}

.tv {
  @extend %icon;

  &::before {
    content: "\e333";
  }
}

.undo {
  @extend %icon;

  &::before {
    content: "\e166";
  }
}

.unfold-less {
  @extend %icon;

  &::before {
    content: "\e5d6";
  }
}

.unfold-more {
  @extend %icon;

  &::before {
    content: "\e5d7";
  }
}

.usb {
  @extend %icon;

  &::before {
    content: "\e1e0";
  }
}

.verified-user {
  @extend %icon;

  &::before {
    content: "\e8e8";
  }
}

.vertical-align-bottom {
  @extend %icon;

  &::before {
    content: "\e258";
  }
}

.vertical-align-center {
  @extend %icon;

  &::before {
    content: "\e259";
  }
}

.vertical-align-top {
  @extend %icon;

  &::before {
    content: "\e25a";
  }
}

.vibration {
  @extend %icon;

  &::before {
    content: "\e62d";
  }
}

.video-library {
  @extend %icon;

  &::before {
    content: "\e04a";
  }
}

.videocam {
  @extend %icon;

  &::before {
    content: "\e04b";
  }
}

.videocam-off {
  @extend %icon;

  &::before {
    content: "\e04c";
  }
}

.view-agenda {
  @extend %icon;

  &::before {
    content: "\e8e9";
  }
}

.view-array {
  @extend %icon;

  &::before {
    content: "\e8ea";
  }
}

.view-carousel {
  @extend %icon;

  &::before {
    content: "\e8eb";
  }
}

.view-column {
  @extend %icon;

  &::before {
    content: "\e8ec";
  }
}

.view-comfy {
  @extend %icon;

  &::before {
    content: "\e42a";
  }
}

.view-compact {
  @extend %icon;

  &::before {
    content: "\e42b";
  }
}

.view-day {
  @extend %icon;

  &::before {
    content: "\e8ed";
  }
}

.view-headline {
  @extend %icon;

  &::before {
    content: "\e8ee";
  }
}

.view-list {
  @extend %icon;

  &::before {
    content: "\e8ef";
  }
}

.view-module {
  @extend %icon;

  &::before {
    content: "\e8f0";
  }
}

.view-quilt {
  @extend %icon;

  &::before {
    content: "\e8f1";
  }
}

.view-stream {
  @extend %icon;

  &::before {
    content: "\e8f2";
  }
}

.view-week {
  @extend %icon;

  &::before {
    content: "\e8f3";
  }
}

.vignette {
  @extend %icon;

  &::before {
    content: "\e435";
  }
}

.visibility {
  @extend %icon;

  &::before {
    content: "\e8f4";
  }
}

.visibility-off {
  @extend %icon;

  &::before {
    content: "\e8f5";
  }
}

.voice-chat {
  @extend %icon;

  &::before {
    content: "\e62e";
  }
}

.voicemail {
  @extend %icon;

  &::before {
    content: "\e0d9";
  }
}

.volume-down {
  @extend %icon;

  &::before {
    content: "\e04d";
  }
}

.volume-mute {
  @extend %icon;

  &::before {
    content: "\e04e";
  }
}

.volume-off {
  @extend %icon;

  &::before {
    content: "\e04f";
  }
}

.volume-up {
  @extend %icon;

  &::before {
    content: "\e050";
  }
}

.vpn-key {
  @extend %icon;

  &::before {
    content: "\e0da";
  }
}

.vpn-lock {
  @extend %icon;

  &::before {
    content: "\e62f";
  }
}

.wallpaper {
  @extend %icon;

  &::before {
    content: "\e1bc";
  }
}

.warning {
  @extend %icon;

  &::before {
    content: "\e002";
  }
}

.watch {
  @extend %icon;

  &::before {
    content: "\e334";
  }
}

.wb-auto {
  @extend %icon;

  &::before {
    content: "\e42c";
  }
}

.wb-cloudy {
  @extend %icon;

  &::before {
    content: "\e42d";
  }
}

.wb-incandescent {
  @extend %icon;

  &::before {
    content: "\e42e";
  }
}

.wb-iridescent {
  @extend %icon;

  &::before {
    content: "\e436";
  }
}

.wb-sunny {
  @extend %icon;

  &::before {
    content: "\e430";
  }
}

.wc {
  @extend %icon;

  &::before {
    content: "\e63d";
  }
}

.web {
  @extend %icon;

  &::before {
    content: "\e051";
  }
}

.whatshot {
  @extend %icon;

  &::before {
    content: "\e80e";
  }
}

.widgets {
  @extend %icon;

  &::before {
    content: "\e1bd";
  }
}

.wifi {
  @extend %icon;

  &::before {
    content: "\e63e";
  }
}

.wifi-lock {
  @extend %icon;

  &::before {
    content: "\e1e1";
  }
}

.wifi-tethering {
  @extend %icon;

  &::before {
    content: "\e1e2";
  }
}

.work {
  @extend %icon;

  &::before {
    content: "\e8f9";
  }
}

.wrap-text {
  @extend %icon;

  &::before {
    content: "\e25b";
  }
}

.youtube-searched-for {
  @extend %icon;

  &::before {
    content: "\e8fa";
  }
}

.zoom-in {
  @extend %icon;

  &::before {
    content: "\e8ff";
  }
}

.zoom-out {
  @extend %icon;

  &::before {
    content: "\e900";
  }
}