phosphor-css/css/light.css

🧩 CSS integration of a flexible icon family for the web.

.ph.icon {
  position: relative;
  display: inline-block;
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #000;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}

.ph.icon.acorn.light {
  mask-image: url("../assets/light/acorn-light.svg");
  -webkit-mask-image: url("../assets/light/acorn-light.svg");
}

.ph.icon.address-book-tabs.light {
  mask-image: url("../assets/light/address-book-tabs-light.svg");
  -webkit-mask-image: url("../assets/light/address-book-tabs-light.svg");
}

.ph.icon.address-book.light {
  mask-image: url("../assets/light/address-book-light.svg");
  -webkit-mask-image: url("../assets/light/address-book-light.svg");
}

.ph.icon.air-traffic-control.light {
  mask-image: url("../assets/light/air-traffic-control-light.svg");
  -webkit-mask-image: url("../assets/light/air-traffic-control-light.svg");
}

.ph.icon.airplane-in-flight.light {
  mask-image: url("../assets/light/airplane-in-flight-light.svg");
  -webkit-mask-image: url("../assets/light/airplane-in-flight-light.svg");
}

.ph.icon.airplane-landing.light {
  mask-image: url("../assets/light/airplane-landing-light.svg");
  -webkit-mask-image: url("../assets/light/airplane-landing-light.svg");
}

.ph.icon.airplane-takeoff.light {
  mask-image: url("../assets/light/airplane-takeoff-light.svg");
  -webkit-mask-image: url("../assets/light/airplane-takeoff-light.svg");
}

.ph.icon.airplane-taxiing.light {
  mask-image: url("../assets/light/airplane-taxiing-light.svg");
  -webkit-mask-image: url("../assets/light/airplane-taxiing-light.svg");
}

.ph.icon.airplane-tilt.light {
  mask-image: url("../assets/light/airplane-tilt-light.svg");
  -webkit-mask-image: url("../assets/light/airplane-tilt-light.svg");
}

.ph.icon.airplane.light {
  mask-image: url("../assets/light/airplane-light.svg");
  -webkit-mask-image: url("../assets/light/airplane-light.svg");
}

.ph.icon.airplay.light {
  mask-image: url("../assets/light/airplay-light.svg");
  -webkit-mask-image: url("../assets/light/airplay-light.svg");
}

.ph.icon.alarm.light {
  mask-image: url("../assets/light/alarm-light.svg");
  -webkit-mask-image: url("../assets/light/alarm-light.svg");
}

.ph.icon.alien.light {
  mask-image: url("../assets/light/alien-light.svg");
  -webkit-mask-image: url("../assets/light/alien-light.svg");
}

.ph.icon.align-bottom-simple.light {
  mask-image: url("../assets/light/align-bottom-simple-light.svg");
  -webkit-mask-image: url("../assets/light/align-bottom-simple-light.svg");
}

.ph.icon.align-bottom.light {
  mask-image: url("../assets/light/align-bottom-light.svg");
  -webkit-mask-image: url("../assets/light/align-bottom-light.svg");
}

.ph.icon.align-center-horizontal-simple.light {
  mask-image: url("../assets/light/align-center-horizontal-simple-light.svg");
  -webkit-mask-image: url("../assets/light/align-center-horizontal-simple-light.svg");
}

.ph.icon.align-center-horizontal.light {
  mask-image: url("../assets/light/align-center-horizontal-light.svg");
  -webkit-mask-image: url("../assets/light/align-center-horizontal-light.svg");
}

.ph.icon.align-center-vertical-simple.light {
  mask-image: url("../assets/light/align-center-vertical-simple-light.svg");
  -webkit-mask-image: url("../assets/light/align-center-vertical-simple-light.svg");
}

.ph.icon.align-center-vertical.light {
  mask-image: url("../assets/light/align-center-vertical-light.svg");
  -webkit-mask-image: url("../assets/light/align-center-vertical-light.svg");
}

.ph.icon.align-left-simple.light {
  mask-image: url("../assets/light/align-left-simple-light.svg");
  -webkit-mask-image: url("../assets/light/align-left-simple-light.svg");
}

.ph.icon.align-left.light {
  mask-image: url("../assets/light/align-left-light.svg");
  -webkit-mask-image: url("../assets/light/align-left-light.svg");
}

.ph.icon.align-right-simple.light {
  mask-image: url("../assets/light/align-right-simple-light.svg");
  -webkit-mask-image: url("../assets/light/align-right-simple-light.svg");
}

.ph.icon.align-right.light {
  mask-image: url("../assets/light/align-right-light.svg");
  -webkit-mask-image: url("../assets/light/align-right-light.svg");
}

.ph.icon.align-top-simple.light {
  mask-image: url("../assets/light/align-top-simple-light.svg");
  -webkit-mask-image: url("../assets/light/align-top-simple-light.svg");
}

.ph.icon.align-top.light {
  mask-image: url("../assets/light/align-top-light.svg");
  -webkit-mask-image: url("../assets/light/align-top-light.svg");
}

.ph.icon.amazon-logo.light {
  mask-image: url("../assets/light/amazon-logo-light.svg");
  -webkit-mask-image: url("../assets/light/amazon-logo-light.svg");
}

.ph.icon.ambulance.light {
  mask-image: url("../assets/light/ambulance-light.svg");
  -webkit-mask-image: url("../assets/light/ambulance-light.svg");
}

.ph.icon.anchor-simple.light {
  mask-image: url("../assets/light/anchor-simple-light.svg");
  -webkit-mask-image: url("../assets/light/anchor-simple-light.svg");
}

.ph.icon.anchor.light {
  mask-image: url("../assets/light/anchor-light.svg");
  -webkit-mask-image: url("../assets/light/anchor-light.svg");
}

.ph.icon.android-logo.light {
  mask-image: url("../assets/light/android-logo-light.svg");
  -webkit-mask-image: url("../assets/light/android-logo-light.svg");
}

.ph.icon.angle.light {
  mask-image: url("../assets/light/angle-light.svg");
  -webkit-mask-image: url("../assets/light/angle-light.svg");
}

.ph.icon.angular-logo.light {
  mask-image: url("../assets/light/angular-logo-light.svg");
  -webkit-mask-image: url("../assets/light/angular-logo-light.svg");
}

.ph.icon.aperture.light {
  mask-image: url("../assets/light/aperture-light.svg");
  -webkit-mask-image: url("../assets/light/aperture-light.svg");
}

.ph.icon.app-store-logo.light {
  mask-image: url("../assets/light/app-store-logo-light.svg");
  -webkit-mask-image: url("../assets/light/app-store-logo-light.svg");
}

.ph.icon.app-window.light {
  mask-image: url("../assets/light/app-window-light.svg");
  -webkit-mask-image: url("../assets/light/app-window-light.svg");
}

.ph.icon.apple-logo.light {
  mask-image: url("../assets/light/apple-logo-light.svg");
  -webkit-mask-image: url("../assets/light/apple-logo-light.svg");
}

.ph.icon.apple-podcasts-logo.light {
  mask-image: url("../assets/light/apple-podcasts-logo-light.svg");
  -webkit-mask-image: url("../assets/light/apple-podcasts-logo-light.svg");
}

.ph.icon.approximate-equals.light {
  mask-image: url("../assets/light/approximate-equals-light.svg");
  -webkit-mask-image: url("../assets/light/approximate-equals-light.svg");
}

.ph.icon.archive.light {
  mask-image: url("../assets/light/archive-light.svg");
  -webkit-mask-image: url("../assets/light/archive-light.svg");
}

.ph.icon.armchair.light {
  mask-image: url("../assets/light/armchair-light.svg");
  -webkit-mask-image: url("../assets/light/armchair-light.svg");
}

.ph.icon.arrow-arc-left.light {
  mask-image: url("../assets/light/arrow-arc-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-arc-left-light.svg");
}

.ph.icon.arrow-arc-right.light {
  mask-image: url("../assets/light/arrow-arc-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-arc-right-light.svg");
}

.ph.icon.arrow-bend-double-up-left.light {
  mask-image: url("../assets/light/arrow-bend-double-up-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-bend-double-up-left-light.svg");
}

.ph.icon.arrow-bend-double-up-right.light {
  mask-image: url("../assets/light/arrow-bend-double-up-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-bend-double-up-right-light.svg");
}

.ph.icon.arrow-bend-down-left.light {
  mask-image: url("../assets/light/arrow-bend-down-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-bend-down-left-light.svg");
}

.ph.icon.arrow-bend-down-right.light {
  mask-image: url("../assets/light/arrow-bend-down-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-bend-down-right-light.svg");
}

.ph.icon.arrow-bend-left-down.light {
  mask-image: url("../assets/light/arrow-bend-left-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-bend-left-down-light.svg");
}

.ph.icon.arrow-bend-left-up.light {
  mask-image: url("../assets/light/arrow-bend-left-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-bend-left-up-light.svg");
}

.ph.icon.arrow-bend-right-down.light {
  mask-image: url("../assets/light/arrow-bend-right-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-bend-right-down-light.svg");
}

.ph.icon.arrow-bend-right-up.light {
  mask-image: url("../assets/light/arrow-bend-right-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-bend-right-up-light.svg");
}

.ph.icon.arrow-bend-up-left.light {
  mask-image: url("../assets/light/arrow-bend-up-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-bend-up-left-light.svg");
}

.ph.icon.arrow-bend-up-right.light {
  mask-image: url("../assets/light/arrow-bend-up-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-bend-up-right-light.svg");
}

.ph.icon.arrow-circle-down-left.light {
  mask-image: url("../assets/light/arrow-circle-down-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-circle-down-left-light.svg");
}

.ph.icon.arrow-circle-down-right.light {
  mask-image: url("../assets/light/arrow-circle-down-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-circle-down-right-light.svg");
}

.ph.icon.arrow-circle-down.light {
  mask-image: url("../assets/light/arrow-circle-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-circle-down-light.svg");
}

.ph.icon.arrow-circle-left.light {
  mask-image: url("../assets/light/arrow-circle-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-circle-left-light.svg");
}

.ph.icon.arrow-circle-right.light {
  mask-image: url("../assets/light/arrow-circle-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-circle-right-light.svg");
}

.ph.icon.arrow-circle-up-left.light {
  mask-image: url("../assets/light/arrow-circle-up-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-circle-up-left-light.svg");
}

.ph.icon.arrow-circle-up-right.light {
  mask-image: url("../assets/light/arrow-circle-up-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-circle-up-right-light.svg");
}

.ph.icon.arrow-circle-up.light {
  mask-image: url("../assets/light/arrow-circle-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-circle-up-light.svg");
}

.ph.icon.arrow-clockwise.light {
  mask-image: url("../assets/light/arrow-clockwise-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-clockwise-light.svg");
}

.ph.icon.arrow-counter-clockwise.light {
  mask-image: url("../assets/light/arrow-counter-clockwise-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-counter-clockwise-light.svg");
}

.ph.icon.arrow-down-left.light {
  mask-image: url("../assets/light/arrow-down-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-down-left-light.svg");
}

.ph.icon.arrow-down-right.light {
  mask-image: url("../assets/light/arrow-down-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-down-right-light.svg");
}

.ph.icon.arrow-down.light {
  mask-image: url("../assets/light/arrow-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-down-light.svg");
}

.ph.icon.arrow-elbow-down-left.light {
  mask-image: url("../assets/light/arrow-elbow-down-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-elbow-down-left-light.svg");
}

.ph.icon.arrow-elbow-down-right.light {
  mask-image: url("../assets/light/arrow-elbow-down-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-elbow-down-right-light.svg");
}

.ph.icon.arrow-elbow-left-down.light {
  mask-image: url("../assets/light/arrow-elbow-left-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-elbow-left-down-light.svg");
}

.ph.icon.arrow-elbow-left-up.light {
  mask-image: url("../assets/light/arrow-elbow-left-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-elbow-left-up-light.svg");
}

.ph.icon.arrow-elbow-left.light {
  mask-image: url("../assets/light/arrow-elbow-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-elbow-left-light.svg");
}

.ph.icon.arrow-elbow-right-down.light {
  mask-image: url("../assets/light/arrow-elbow-right-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-elbow-right-down-light.svg");
}

.ph.icon.arrow-elbow-right-up.light {
  mask-image: url("../assets/light/arrow-elbow-right-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-elbow-right-up-light.svg");
}

.ph.icon.arrow-elbow-right.light {
  mask-image: url("../assets/light/arrow-elbow-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-elbow-right-light.svg");
}

.ph.icon.arrow-elbow-up-left.light {
  mask-image: url("../assets/light/arrow-elbow-up-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-elbow-up-left-light.svg");
}

.ph.icon.arrow-elbow-up-right.light {
  mask-image: url("../assets/light/arrow-elbow-up-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-elbow-up-right-light.svg");
}

.ph.icon.arrow-fat-down.light {
  mask-image: url("../assets/light/arrow-fat-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-fat-down-light.svg");
}

.ph.icon.arrow-fat-left.light {
  mask-image: url("../assets/light/arrow-fat-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-fat-left-light.svg");
}

.ph.icon.arrow-fat-line-down.light {
  mask-image: url("../assets/light/arrow-fat-line-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-fat-line-down-light.svg");
}

.ph.icon.arrow-fat-line-left.light {
  mask-image: url("../assets/light/arrow-fat-line-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-fat-line-left-light.svg");
}

.ph.icon.arrow-fat-line-right.light {
  mask-image: url("../assets/light/arrow-fat-line-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-fat-line-right-light.svg");
}

.ph.icon.arrow-fat-line-up.light {
  mask-image: url("../assets/light/arrow-fat-line-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-fat-line-up-light.svg");
}

.ph.icon.arrow-fat-lines-down.light {
  mask-image: url("../assets/light/arrow-fat-lines-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-fat-lines-down-light.svg");
}

.ph.icon.arrow-fat-lines-left.light {
  mask-image: url("../assets/light/arrow-fat-lines-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-fat-lines-left-light.svg");
}

.ph.icon.arrow-fat-lines-right.light {
  mask-image: url("../assets/light/arrow-fat-lines-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-fat-lines-right-light.svg");
}

.ph.icon.arrow-fat-lines-up.light {
  mask-image: url("../assets/light/arrow-fat-lines-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-fat-lines-up-light.svg");
}

.ph.icon.arrow-fat-right.light {
  mask-image: url("../assets/light/arrow-fat-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-fat-right-light.svg");
}

.ph.icon.arrow-fat-up.light {
  mask-image: url("../assets/light/arrow-fat-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-fat-up-light.svg");
}

.ph.icon.arrow-left.light {
  mask-image: url("../assets/light/arrow-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-left-light.svg");
}

.ph.icon.arrow-line-down-left.light {
  mask-image: url("../assets/light/arrow-line-down-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-line-down-left-light.svg");
}

.ph.icon.arrow-line-down-right.light {
  mask-image: url("../assets/light/arrow-line-down-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-line-down-right-light.svg");
}

.ph.icon.arrow-line-down.light {
  mask-image: url("../assets/light/arrow-line-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-line-down-light.svg");
}

.ph.icon.arrow-line-left.light {
  mask-image: url("../assets/light/arrow-line-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-line-left-light.svg");
}

.ph.icon.arrow-line-right.light {
  mask-image: url("../assets/light/arrow-line-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-line-right-light.svg");
}

.ph.icon.arrow-line-up-left.light {
  mask-image: url("../assets/light/arrow-line-up-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-line-up-left-light.svg");
}

.ph.icon.arrow-line-up-right.light {
  mask-image: url("../assets/light/arrow-line-up-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-line-up-right-light.svg");
}

.ph.icon.arrow-line-up.light {
  mask-image: url("../assets/light/arrow-line-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-line-up-light.svg");
}

.ph.icon.arrow-right.light {
  mask-image: url("../assets/light/arrow-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-right-light.svg");
}

.ph.icon.arrow-square-down-left.light {
  mask-image: url("../assets/light/arrow-square-down-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-square-down-left-light.svg");
}

.ph.icon.arrow-square-down-right.light {
  mask-image: url("../assets/light/arrow-square-down-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-square-down-right-light.svg");
}

.ph.icon.arrow-square-down.light {
  mask-image: url("../assets/light/arrow-square-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-square-down-light.svg");
}

.ph.icon.arrow-square-in.light {
  mask-image: url("../assets/light/arrow-square-in-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-square-in-light.svg");
}

.ph.icon.arrow-square-left.light {
  mask-image: url("../assets/light/arrow-square-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-square-left-light.svg");
}

.ph.icon.arrow-square-out.light {
  mask-image: url("../assets/light/arrow-square-out-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-square-out-light.svg");
}

.ph.icon.arrow-square-right.light {
  mask-image: url("../assets/light/arrow-square-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-square-right-light.svg");
}

.ph.icon.arrow-square-up-left.light {
  mask-image: url("../assets/light/arrow-square-up-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-square-up-left-light.svg");
}

.ph.icon.arrow-square-up-right.light {
  mask-image: url("../assets/light/arrow-square-up-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-square-up-right-light.svg");
}

.ph.icon.arrow-square-up.light {
  mask-image: url("../assets/light/arrow-square-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-square-up-light.svg");
}

.ph.icon.arrow-u-down-left.light {
  mask-image: url("../assets/light/arrow-u-down-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-u-down-left-light.svg");
}

.ph.icon.arrow-u-down-right.light {
  mask-image: url("../assets/light/arrow-u-down-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-u-down-right-light.svg");
}

.ph.icon.arrow-u-left-down.light {
  mask-image: url("../assets/light/arrow-u-left-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-u-left-down-light.svg");
}

.ph.icon.arrow-u-left-up.light {
  mask-image: url("../assets/light/arrow-u-left-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-u-left-up-light.svg");
}

.ph.icon.arrow-u-right-down.light {
  mask-image: url("../assets/light/arrow-u-right-down-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-u-right-down-light.svg");
}

.ph.icon.arrow-u-right-up.light {
  mask-image: url("../assets/light/arrow-u-right-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-u-right-up-light.svg");
}

.ph.icon.arrow-u-up-left.light {
  mask-image: url("../assets/light/arrow-u-up-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-u-up-left-light.svg");
}

.ph.icon.arrow-u-up-right.light {
  mask-image: url("../assets/light/arrow-u-up-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-u-up-right-light.svg");
}

.ph.icon.arrow-up-left.light {
  mask-image: url("../assets/light/arrow-up-left-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-up-left-light.svg");
}

.ph.icon.arrow-up-right.light {
  mask-image: url("../assets/light/arrow-up-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-up-right-light.svg");
}

.ph.icon.arrow-up.light {
  mask-image: url("../assets/light/arrow-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrow-up-light.svg");
}

.ph.icon.arrows-clockwise.light {
  mask-image: url("../assets/light/arrows-clockwise-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-clockwise-light.svg");
}

.ph.icon.arrows-counter-clockwise.light {
  mask-image: url("../assets/light/arrows-counter-clockwise-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-counter-clockwise-light.svg");
}

.ph.icon.arrows-down-up.light {
  mask-image: url("../assets/light/arrows-down-up-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-down-up-light.svg");
}

.ph.icon.arrows-horizontal.light {
  mask-image: url("../assets/light/arrows-horizontal-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-horizontal-light.svg");
}

.ph.icon.arrows-in-cardinal.light {
  mask-image: url("../assets/light/arrows-in-cardinal-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-in-cardinal-light.svg");
}

.ph.icon.arrows-in-line-horizontal.light {
  mask-image: url("../assets/light/arrows-in-line-horizontal-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-in-line-horizontal-light.svg");
}

.ph.icon.arrows-in-line-vertical.light {
  mask-image: url("../assets/light/arrows-in-line-vertical-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-in-line-vertical-light.svg");
}

.ph.icon.arrows-in-simple.light {
  mask-image: url("../assets/light/arrows-in-simple-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-in-simple-light.svg");
}

.ph.icon.arrows-in.light {
  mask-image: url("../assets/light/arrows-in-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-in-light.svg");
}

.ph.icon.arrows-left-right.light {
  mask-image: url("../assets/light/arrows-left-right-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-left-right-light.svg");
}

.ph.icon.arrows-merge.light {
  mask-image: url("../assets/light/arrows-merge-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-merge-light.svg");
}

.ph.icon.arrows-out-cardinal.light {
  mask-image: url("../assets/light/arrows-out-cardinal-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-out-cardinal-light.svg");
}

.ph.icon.arrows-out-line-horizontal.light {
  mask-image: url("../assets/light/arrows-out-line-horizontal-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-out-line-horizontal-light.svg");
}

.ph.icon.arrows-out-line-vertical.light {
  mask-image: url("../assets/light/arrows-out-line-vertical-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-out-line-vertical-light.svg");
}

.ph.icon.arrows-out-simple.light {
  mask-image: url("../assets/light/arrows-out-simple-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-out-simple-light.svg");
}

.ph.icon.arrows-out.light {
  mask-image: url("../assets/light/arrows-out-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-out-light.svg");
}

.ph.icon.arrows-split.light {
  mask-image: url("../assets/light/arrows-split-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-split-light.svg");
}

.ph.icon.arrows-vertical.light {
  mask-image: url("../assets/light/arrows-vertical-light.svg");
  -webkit-mask-image: url("../assets/light/arrows-vertical-light.svg");
}

.ph.icon.article-medium.light {
  mask-image: url("../assets/light/article-medium-light.svg");
  -webkit-mask-image: url("../assets/light/article-medium-light.svg");
}

.ph.icon.article-ny-times.light {
  mask-image: url("../assets/light/article-ny-times-light.svg");
  -webkit-mask-image: url("../assets/light/article-ny-times-light.svg");
}

.ph.icon.article.light {
  mask-image: url("../assets/light/article-light.svg");
  -webkit-mask-image: url("../assets/light/article-light.svg");
}

.ph.icon.asclepius.light {
  mask-image: url("../assets/light/asclepius-light.svg");
  -webkit-mask-image: url("../assets/light/asclepius-light.svg");
}

.ph.icon.asterisk-simple.light {
  mask-image: url("../assets/light/asterisk-simple-light.svg");
  -webkit-mask-image: url("../assets/light/asterisk-simple-light.svg");
}

.ph.icon.asterisk.light {
  mask-image: url("../assets/light/asterisk-light.svg");
  -webkit-mask-image: url("../assets/light/asterisk-light.svg");
}

.ph.icon.at.light {
  mask-image: url("../assets/light/at-light.svg");
  -webkit-mask-image: url("../assets/light/at-light.svg");
}

.ph.icon.atom.light {
  mask-image: url("../assets/light/atom-light.svg");
  -webkit-mask-image: url("../assets/light/atom-light.svg");
}

.ph.icon.avocado.light {
  mask-image: url("../assets/light/avocado-light.svg");
  -webkit-mask-image: url("../assets/light/avocado-light.svg");
}

.ph.icon.axe.light {
  mask-image: url("../assets/light/axe-light.svg");
  -webkit-mask-image: url("../assets/light/axe-light.svg");
}

.ph.icon.baby-carriage.light {
  mask-image: url("../assets/light/baby-carriage-light.svg");
  -webkit-mask-image: url("../assets/light/baby-carriage-light.svg");
}

.ph.icon.baby.light {
  mask-image: url("../assets/light/baby-light.svg");
  -webkit-mask-image: url("../assets/light/baby-light.svg");
}

.ph.icon.backpack.light {
  mask-image: url("../assets/light/backpack-light.svg");
  -webkit-mask-image: url("../assets/light/backpack-light.svg");
}

.ph.icon.backspace.light {
  mask-image: url("../assets/light/backspace-light.svg");
  -webkit-mask-image: url("../assets/light/backspace-light.svg");
}

.ph.icon.bag-simple.light {
  mask-image: url("../assets/light/bag-simple-light.svg");
  -webkit-mask-image: url("../assets/light/bag-simple-light.svg");
}

.ph.icon.bag.light {
  mask-image: url("../assets/light/bag-light.svg");
  -webkit-mask-image: url("../assets/light/bag-light.svg");
}

.ph.icon.balloon.light {
  mask-image: url("../assets/light/balloon-light.svg");
  -webkit-mask-image: url("../assets/light/balloon-light.svg");
}

.ph.icon.bandaids.light {
  mask-image: url("../assets/light/bandaids-light.svg");
  -webkit-mask-image: url("../assets/light/bandaids-light.svg");
}

.ph.icon.bank.light {
  mask-image: url("../assets/light/bank-light.svg");
  -webkit-mask-image: url("../assets/light/bank-light.svg");
}

.ph.icon.barbell.light {
  mask-image: url("../assets/light/barbell-light.svg");
  -webkit-mask-image: url("../assets/light/barbell-light.svg");
}

.ph.icon.barcode.light {
  mask-image: url("../assets/light/barcode-light.svg");
  -webkit-mask-image: url("../assets/light/barcode-light.svg");
}

.ph.icon.barn.light {
  mask-image: url("../assets/light/barn-light.svg");
  -webkit-mask-image: url("../assets/light/barn-light.svg");
}

.ph.icon.barricade.light {
  mask-image: url("../assets/light/barricade-light.svg");
  -webkit-mask-image: url("../assets/light/barricade-light.svg");
}

.ph.icon.baseball-cap.light {
  mask-image: url("../assets/light/baseball-cap-light.svg");
  -webkit-mask-image: url("../assets/light/baseball-cap-light.svg");
}

.ph.icon.baseball-helmet.light {
  mask-image: url("../assets/light/baseball-helmet-light.svg");
  -webkit-mask-image: url("../assets/light/baseball-helmet-light.svg");
}

.ph.icon.baseball.light {
  mask-image: url("../assets/light/baseball-light.svg");
  -webkit-mask-image: url("../assets/light/baseball-light.svg");
}

.ph.icon.basket.light {
  mask-image: url("../assets/light/basket-light.svg");
  -webkit-mask-image: url("../assets/light/basket-light.svg");
}

.ph.icon.basketball.light {
  mask-image: url("../assets/light/basketball-light.svg");
  -webkit-mask-image: url("../assets/light/basketball-light.svg");
}

.ph.icon.bathtub.light {
  mask-image: url("../assets/light/bathtub-light.svg");
  -webkit-mask-image: url("../assets/light/bathtub-light.svg");
}

.ph.icon.battery-charging-vertical.light {
  mask-image: url("../assets/light/battery-charging-vertical-light.svg");
  -webkit-mask-image: url("../assets/light/battery-charging-vertical-light.svg");
}

.ph.icon.battery-charging.light {
  mask-image: url("../assets/light/battery-charging-light.svg");
  -webkit-mask-image: url("../assets/light/battery-charging-light.svg");
}

.ph.icon.battery-empty.light {
  mask-image: url("../assets/light/battery-empty-light.svg");
  -webkit-mask-image: url("../assets/light/battery-empty-light.svg");
}

.ph.icon.battery-full.light {
  mask-image: url("../assets/light/battery-full-light.svg");
  -webkit-mask-image: url("../assets/light/battery-full-light.svg");
}

.ph.icon.battery-high.light {
  mask-image: url("../assets/light/battery-high-light.svg");
  -webkit-mask-image: url("../assets/light/battery-high-light.svg");
}

.ph.icon.battery-low.light {
  mask-image: url("../assets/light/battery-low-light.svg");
  -webkit-mask-image: url("../assets/light/battery-low-light.svg");
}

.ph.icon.battery-medium.light {
  mask-image: url("../assets/light/battery-medium-light.svg");
  -webkit-mask-image: url("../assets/light/battery-medium-light.svg");
}

.ph.icon.battery-plus-vertical.light {
  mask-image: url("../assets/light/battery-plus-vertical-light.svg");
  -webkit-mask-image: url("../assets/light/battery-plus-vertical-light.svg");
}

.ph.icon.battery-plus.light {
  mask-image: url("../assets/light/battery-plus-light.svg");
  -webkit-mask-image: url("../assets/light/battery-plus-light.svg");
}

.ph.icon.battery-vertical-empty.light {
  mask-image: url("../assets/light/battery-vertical-empty-light.svg");
  -webkit-mask-image: url("../assets/light/battery-vertical-empty-light.svg");
}

.ph.icon.battery-vertical-full.light {
  mask-image: url("../assets/light/battery-vertical-full-light.svg");
  -webkit-mask-image: url("../assets/light/battery-vertical-full-light.svg");
}

.ph.icon.battery-vertical-high.light {
  mask-image: url("../assets/light/battery-vertical-high-light.svg");
  -webkit-mask-image: url("../assets/light/battery-vertical-high-light.svg");
}

.ph.icon.battery-vertical-low.light {
  mask-image: url("../assets/light/battery-vertical-low-light.svg");
  -webkit-mask-image: url("../assets/light/battery-vertical-low-light.svg");
}

.ph.icon.battery-vertical-medium.light {
  mask-image: url("../assets/light/battery-vertical-medium-light.svg");
  -webkit-mask-image: url("../assets/light/battery-vertical-medium-light.svg");
}

.ph.icon.battery-warning-vertical.light {
  mask-image: url("../assets/light/battery-warning-vertical-light.svg");
  -webkit-mask-image: url("../assets/light/battery-warning-vertical-light.svg");
}

.ph.icon.battery-warning.light {
  mask-image: url("../assets/light/battery-warning-light.svg");
  -webkit-mask-image: url("../assets/light/battery-warning-light.svg");
}

.ph.icon.beach-ball.light {
  mask-image: url("../assets/light/beach-ball-light.svg");
  -webkit-mask-image: url("../assets/light/beach-ball-light.svg");
}

.ph.icon.beanie.light {
  mask-image: url("../assets/light/beanie-light.svg");
  -webkit-mask-image: url("../assets/light/beanie-light.svg");
}

.ph.icon.bed.light {
  mask-image: url("../assets/light/bed-light.svg");
  -webkit-mask-image: url("../assets/light/bed-light.svg");
}

.ph.icon.beer-bottle.light {
  mask-image: url("../assets/light/beer-bottle-light.svg");
  -webkit-mask-image: url("../assets/light/beer-bottle-light.svg");
}

.ph.icon.beer-stein.light {
  mask-image: url("../assets/light/beer-stein-light.svg");
  -webkit-mask-image: url("../assets/light/beer-stein-light.svg");
}

.ph.icon.behance-logo.light {
  mask-image: url("../assets/light/behance-logo-light.svg");
  -webkit-mask-image: url("../assets/light/behance-logo-light.svg");
}

.ph.icon.bell-ringing.light {
  mask-image: url("../assets/light/bell-ringing-light.svg");
  -webkit-mask-image: url("../assets/light/bell-ringing-light.svg");
}

.ph.icon.bell-simple-ringing.light {
  mask-image: url("../assets/light/bell-simple-ringing-light.svg");
  -webkit-mask-image: url("../assets/light/bell-simple-ringing-light.svg");
}

.ph.icon.bell-simple-slash.light {
  mask-image: url("../assets/light/bell-simple-slash-light.svg");
  -webkit-mask-image: url("../assets/light/bell-simple-slash-light.svg");
}

.ph.icon.bell-simple-z.light {
  mask-image: url("../assets/light/bell-simple-z-light.svg");
  -webkit-mask-image: url("../assets/light/bell-simple-z-light.svg");
}

.ph.icon.bell-simple.light {
  mask-image: url("../assets/light/bell-simple-light.svg");
  -webkit-mask-image: url("../assets/light/bell-simple-light.svg");
}

.ph.icon.bell-slash.light {
  mask-image: url("../assets/light/bell-slash-light.svg");
  -webkit-mask-image: url("../assets/light/bell-slash-light.svg");
}

.ph.icon.bell-z.light {
  mask-image: url("../assets/light/bell-z-light.svg");
  -webkit-mask-image: url("../assets/light/bell-z-light.svg");
}

.ph.icon.bell.light {
  mask-image: url("../assets/light/bell-light.svg");
  -webkit-mask-image: url("../assets/light/bell-light.svg");
}

.ph.icon.belt.light {
  mask-image: url("../assets/light/belt-light.svg");
  -webkit-mask-image: url("../assets/light/belt-light.svg");
}

.ph.icon.bezier-curve.light {
  mask-image: url("../assets/light/bezier-curve-light.svg");
  -webkit-mask-image: url("../assets/light/bezier-curve-light.svg");
}

.ph.icon.bicycle.light {
  mask-image: url("../assets/light/bicycle-light.svg");
  -webkit-mask-image: url("../assets/light/bicycle-light.svg");
}

.ph.icon.binary.light {
  mask-image: url("../assets/light/binary-light.svg");
  -webkit-mask-image: url("../assets/light/binary-light.svg");
}

.ph.icon.binoculars.light {
  mask-image: url("../assets/light/binoculars-light.svg");
  -webkit-mask-image: url("../assets/light/binoculars-light.svg");
}

.ph.icon.biohazard.light {
  mask-image: url("../assets/light/biohazard-light.svg");
  -webkit-mask-image: url("../assets/light/biohazard-light.svg");
}

.ph.icon.bird.light {
  mask-image: url("../assets/light/bird-light.svg");
  -webkit-mask-image: url("../assets/light/bird-light.svg");
}

.ph.icon.blueprint.light {
  mask-image: url("../assets/light/blueprint-light.svg");
  -webkit-mask-image: url("../assets/light/blueprint-light.svg");
}

.ph.icon.bluetooth-connected.light {
  mask-image: url("../assets/light/bluetooth-connected-light.svg");
  -webkit-mask-image: url("../assets/light/bluetooth-connected-light.svg");
}

.ph.icon.bluetooth-slash.light {
  mask-image: url("../assets/light/bluetooth-slash-light.svg");
  -webkit-mask-image: url("../assets/light/bluetooth-slash-light.svg");
}

.ph.icon.bluetooth-x.light {
  mask-image: url("../assets/light/bluetooth-x-light.svg");
  -webkit-mask-image: url("../assets/light/bluetooth-x-light.svg");
}

.ph.icon.bluetooth.light {
  mask-image: url("../assets/light/bluetooth-light.svg");
  -webkit-mask-image: url("../assets/light/bluetooth-light.svg");
}

.ph.icon.boat.light {
  mask-image: url("../assets/light/boat-light.svg");
  -webkit-mask-image: url("../assets/light/boat-light.svg");
}

.ph.icon.bomb.light {
  mask-image: url("../assets/light/bomb-light.svg");
  -webkit-mask-image: url("../assets/light/bomb-light.svg");
}

.ph.icon.bone.light {
  mask-image: url("../assets/light/bone-light.svg");
  -webkit-mask-image: url("../assets/light/bone-light.svg");
}

.ph.icon.book-bookmark.light {
  mask-image: url("../assets/light/book-bookmark-light.svg");
  -webkit-mask-image: url("../assets/light/book-bookmark-light.svg");
}

.ph.icon.book-open-text.light {
  mask-image: url("../assets/light/book-open-text-light.svg");
  -webkit-mask-image: url("../assets/light/book-open-text-light.svg");
}

.ph.icon.book-open-user.light {
  mask-image: url("../assets/light/book-open-user-light.svg");
  -webkit-mask-image: url("../assets/light/book-open-user-light.svg");
}

.ph.icon.book-open.light {
  mask-image: url("../assets/light/book-open-light.svg");
  -webkit-mask-image: url("../assets/light/book-open-light.svg");
}

.ph.icon.book.light {
  mask-image: url("../assets/light/book-light.svg");
  -webkit-mask-image: url("../assets/light/book-light.svg");
}

.ph.icon.bookmark-simple.light {
  mask-image: url("../assets/light/bookmark-simple-light.svg");
  -webkit-mask-image: url("../assets/light/bookmark-simple-light.svg");
}

.ph.icon.bookmark.light {
  mask-image: url("../assets/light/bookmark-light.svg");
  -webkit-mask-image: url("../assets/light/bookmark-light.svg");
}

.ph.icon.bookmarks-simple.light {
  mask-image: url("../assets/light/bookmarks-simple-light.svg");
  -webkit-mask-image: url("../assets/light/bookmarks-simple-light.svg");
}

.ph.icon.bookmarks.light {
  mask-image: url("../assets/light/bookmarks-light.svg");
  -webkit-mask-image: url("../assets/light/bookmarks-light.svg");
}

.ph.icon.books.light {
  mask-image: url("../assets/light/books-light.svg");
  -webkit-mask-image: url("../assets/light/books-light.svg");
}

.ph.icon.boot.light {
  mask-image: url("../assets/light/boot-light.svg");
  -webkit-mask-image: url("../assets/light/boot-light.svg");
}

.ph.icon.boules.light {
  mask-image: url("../assets/light/boules-light.svg");
  -webkit-mask-image: url("../assets/light/boules-light.svg");
}

.ph.icon.bounding-box.light {
  mask-image: url("../assets/light/bounding-box-light.svg");
  -webkit-mask-image: url("../assets/light/bounding-box-light.svg");
}

.ph.icon.bowl-food.light {
  mask-image: url("../assets/light/bowl-food-light.svg");
  -webkit-mask-image: url("../assets/light/bowl-food-light.svg");
}

.ph.icon.bowl-steam.light {
  mask-image: url("../assets/light/bowl-steam-light.svg");
  -webkit-mask-image: url("../assets/light/bowl-steam-light.svg");
}

.ph.icon.bowling-ball.light {
  mask-image: url("../assets/light/bowling-ball-light.svg");
  -webkit-mask-image: url("../assets/light/bowling-ball-light.svg");
}

.ph.icon.box-arrow-down.light {
  mask-image: url("../assets/light/box-arrow-down-light.svg");
  -webkit-mask-image: url("../assets/light/box-arrow-down-light.svg");
}

.ph.icon.box-arrow-up.light {
  mask-image: url("../assets/light/box-arrow-up-light.svg");
  -webkit-mask-image: url("../assets/light/box-arrow-up-light.svg");
}

.ph.icon.boxing-glove.light {
  mask-image: url("../assets/light/boxing-glove-light.svg");
  -webkit-mask-image: url("../assets/light/boxing-glove-light.svg");
}

.ph.icon.brackets-angle.light {
  mask-image: url("../assets/light/brackets-angle-light.svg");
  -webkit-mask-image: url("../assets/light/brackets-angle-light.svg");
}

.ph.icon.brackets-curly.light {
  mask-image: url("../assets/light/brackets-curly-light.svg");
  -webkit-mask-image: url("../assets/light/brackets-curly-light.svg");
}

.ph.icon.brackets-round.light {
  mask-image: url("../assets/light/brackets-round-light.svg");
  -webkit-mask-image: url("../assets/light/brackets-round-light.svg");
}

.ph.icon.brackets-square.light {
  mask-image: url("../assets/light/brackets-square-light.svg");
  -webkit-mask-image: url("../assets/light/brackets-square-light.svg");
}

.ph.icon.brain.light {
  mask-image: url("../assets/light/brain-light.svg");
  -webkit-mask-image: url("../assets/light/brain-light.svg");
}

.ph.icon.brandy.light {
  mask-image: url("../assets/light/brandy-light.svg");
  -webkit-mask-image: url("../assets/light/brandy-light.svg");
}

.ph.icon.bread.light {
  mask-image: url("../assets/light/bread-light.svg");
  -webkit-mask-image: url("../assets/light/bread-light.svg");
}

.ph.icon.bridge.light {
  mask-image: url("../assets/light/bridge-light.svg");
  -webkit-mask-image: url("../assets/light/bridge-light.svg");
}

.ph.icon.briefcase-metal.light {
  mask-image: url("../assets/light/briefcase-metal-light.svg");
  -webkit-mask-image: url("../assets/light/briefcase-metal-light.svg");
}

.ph.icon.briefcase.light {
  mask-image: url("../assets/light/briefcase-light.svg");
  -webkit-mask-image: url("../assets/light/briefcase-light.svg");
}

.ph.icon.broadcast.light {
  mask-image: url("../assets/light/broadcast-light.svg");
  -webkit-mask-image: url("../assets/light/broadcast-light.svg");
}

.ph.icon.broom.light {
  mask-image: url("../assets/light/broom-light.svg");
  -webkit-mask-image: url("../assets/light/broom-light.svg");
}

.ph.icon.browser.light {
  mask-image: url("../assets/light/browser-light.svg");
  -webkit-mask-image: url("../assets/light/browser-light.svg");
}

.ph.icon.browsers.light {
  mask-image: url("../assets/light/browsers-light.svg");
  -webkit-mask-image: url("../assets/light/browsers-light.svg");
}

.ph.icon.bug-beetle.light {
  mask-image: url("../assets/light/bug-beetle-light.svg");
  -webkit-mask-image: url("../assets/light/bug-beetle-light.svg");
}

.ph.icon.bug-droid.light {
  mask-image: url("../assets/light/bug-droid-light.svg");
  -webkit-mask-image: url("../assets/light/bug-droid-light.svg");
}

.ph.icon.bug.light {
  mask-image: url("../assets/light/bug-light.svg");
  -webkit-mask-image: url("../assets/light/bug-light.svg");
}

.ph.icon.building-apartment.light {
  mask-image: url("../assets/light/building-apartment-light.svg");
  -webkit-mask-image: url("../assets/light/building-apartment-light.svg");
}

.ph.icon.building-office.light {
  mask-image: url("../assets/light/building-office-light.svg");
  -webkit-mask-image: url("../assets/light/building-office-light.svg");
}

.ph.icon.building.light {
  mask-image: url("../assets/light/building-light.svg");
  -webkit-mask-image: url("../assets/light/building-light.svg");
}

.ph.icon.buildings.light {
  mask-image: url("../assets/light/buildings-light.svg");
  -webkit-mask-image: url("../assets/light/buildings-light.svg");
}

.ph.icon.bulldozer.light {
  mask-image: url("../assets/light/bulldozer-light.svg");
  -webkit-mask-image: url("../assets/light/bulldozer-light.svg");
}

.ph.icon.bus.light {
  mask-image: url("../assets/light/bus-light.svg");
  -webkit-mask-image: url("../assets/light/bus-light.svg");
}

.ph.icon.butterfly.light {
  mask-image: url("../assets/light/butterfly-light.svg");
  -webkit-mask-image: url("../assets/light/butterfly-light.svg");
}

.ph.icon.cable-car.light {
  mask-image: url("../assets/light/cable-car-light.svg");
  -webkit-mask-image: url("../assets/light/cable-car-light.svg");
}

.ph.icon.cactus.light {
  mask-image: url("../assets/light/cactus-light.svg");
  -webkit-mask-image: url("../assets/light/cactus-light.svg");
}

.ph.icon.cake.light {
  mask-image: url("../assets/light/cake-light.svg");
  -webkit-mask-image: url("../assets/light/cake-light.svg");
}

.ph.icon.calculator.light {
  mask-image: url("../assets/light/calculator-light.svg");
  -webkit-mask-image: url("../assets/light/calculator-light.svg");
}

.ph.icon.calendar-blank.light {
  mask-image: url("../assets/light/calendar-blank-light.svg");
  -webkit-mask-image: url("../assets/light/calendar-blank-light.svg");
}

.ph.icon.calendar-check.light {
  mask-image: url("../assets/light/calendar-check-light.svg");
  -webkit-mask-image: url("../assets/light/calendar-check-light.svg");
}

.ph.icon.calendar-dot.light {
  mask-image: url("../assets/light/calendar-dot-light.svg");
  -webkit-mask-image: url("../assets/light/calendar-dot-light.svg");
}

.ph.icon.calendar-dots.light {
  mask-image: url("../assets/light/calendar-dots-light.svg");
  -webkit-mask-image: url("../assets/light/calendar-dots-light.svg");
}

.ph.icon.calendar-heart.light {
  mask-image: url("../assets/light/calendar-heart-light.svg");
  -webkit-mask-image: url("../assets/light/calendar-heart-light.svg");
}

.ph.icon.calendar-minus.light {
  mask-image: url("../assets/light/calendar-minus-light.svg");
  -webkit-mask-image: url("../assets/light/calendar-minus-light.svg");
}

.ph.icon.calendar-plus.light {
  mask-image: url("../assets/light/calendar-plus-light.svg");
  -webkit-mask-image: url("../assets/light/calendar-plus-light.svg");
}

.ph.icon.calendar-slash.light {
  mask-image: url("../assets/light/calendar-slash-light.svg");
  -webkit-mask-image: url("../assets/light/calendar-slash-light.svg");
}

.ph.icon.calendar-star.light {
  mask-image: url("../assets/light/calendar-star-light.svg");
  -webkit-mask-image: url("../assets/light/calendar-star-light.svg");
}

.ph.icon.calendar-x.light {
  mask-image: url("../assets/light/calendar-x-light.svg");
  -webkit-mask-image: url("../assets/light/calendar-x-light.svg");
}

.ph.icon.calendar.light {
  mask-image: url("../assets/light/calendar-light.svg");
  -webkit-mask-image: url("../assets/light/calendar-light.svg");
}

.ph.icon.call-bell.light {
  mask-image: url("../assets/light/call-bell-light.svg");
  -webkit-mask-image: url("../assets/light/call-bell-light.svg");
}

.ph.icon.camera-plus.light {
  mask-image: url("../assets/light/camera-plus-light.svg");
  -webkit-mask-image: url("../assets/light/camera-plus-light.svg");
}

.ph.icon.camera-rotate.light {
  mask-image: url("../assets/light/camera-rotate-light.svg");
  -webkit-mask-image: url("../assets/light/camera-rotate-light.svg");
}

.ph.icon.camera-slash.light {
  mask-image: url("../assets/light/camera-slash-light.svg");
  -webkit-mask-image: url("../assets/light/camera-slash-light.svg");
}

.ph.icon.camera.light {
  mask-image: url("../assets/light/camera-light.svg");
  -webkit-mask-image: url("../assets/light/camera-light.svg");
}

.ph.icon.campfire.light {
  mask-image: url("../assets/light/campfire-light.svg");
  -webkit-mask-image: url("../assets/light/campfire-light.svg");
}

.ph.icon.car-battery.light {
  mask-image: url("../assets/light/car-battery-light.svg");
  -webkit-mask-image: url("../assets/light/car-battery-light.svg");
}

.ph.icon.car-profile.light {
  mask-image: url("../assets/light/car-profile-light.svg");
  -webkit-mask-image: url("../assets/light/car-profile-light.svg");
}

.ph.icon.car-simple.light {
  mask-image: url("../assets/light/car-simple-light.svg");
  -webkit-mask-image: url("../assets/light/car-simple-light.svg");
}

.ph.icon.car.light {
  mask-image: url("../assets/light/car-light.svg");
  -webkit-mask-image: url("../assets/light/car-light.svg");
}

.ph.icon.cardholder.light {
  mask-image: url("../assets/light/cardholder-light.svg");
  -webkit-mask-image: url("../assets/light/cardholder-light.svg");
}

.ph.icon.cards-three.light {
  mask-image: url("../assets/light/cards-three-light.svg");
  -webkit-mask-image: url("../assets/light/cards-three-light.svg");
}

.ph.icon.cards.light {
  mask-image: url("../assets/light/cards-light.svg");
  -webkit-mask-image: url("../assets/light/cards-light.svg");
}

.ph.icon.caret-circle-double-down.light {
  mask-image: url("../assets/light/caret-circle-double-down-light.svg");
  -webkit-mask-image: url("../assets/light/caret-circle-double-down-light.svg");
}

.ph.icon.caret-circle-double-left.light {
  mask-image: url("../assets/light/caret-circle-double-left-light.svg");
  -webkit-mask-image: url("../assets/light/caret-circle-double-left-light.svg");
}

.ph.icon.caret-circle-double-right.light {
  mask-image: url("../assets/light/caret-circle-double-right-light.svg");
  -webkit-mask-image: url("../assets/light/caret-circle-double-right-light.svg");
}

.ph.icon.caret-circle-double-up.light {
  mask-image: url("../assets/light/caret-circle-double-up-light.svg");
  -webkit-mask-image: url("../assets/light/caret-circle-double-up-light.svg");
}

.ph.icon.caret-circle-down.light {
  mask-image: url("../assets/light/caret-circle-down-light.svg");
  -webkit-mask-image: url("../assets/light/caret-circle-down-light.svg");
}

.ph.icon.caret-circle-left.light {
  mask-image: url("../assets/light/caret-circle-left-light.svg");
  -webkit-mask-image: url("../assets/light/caret-circle-left-light.svg");
}

.ph.icon.caret-circle-right.light {
  mask-image: url("../assets/light/caret-circle-right-light.svg");
  -webkit-mask-image: url("../assets/light/caret-circle-right-light.svg");
}

.ph.icon.caret-circle-up-down.light {
  mask-image: url("../assets/light/caret-circle-up-down-light.svg");
  -webkit-mask-image: url("../assets/light/caret-circle-up-down-light.svg");
}

.ph.icon.caret-circle-up.light {
  mask-image: url("../assets/light/caret-circle-up-light.svg");
  -webkit-mask-image: url("../assets/light/caret-circle-up-light.svg");
}

.ph.icon.caret-double-down.light {
  mask-image: url("../assets/light/caret-double-down-light.svg");
  -webkit-mask-image: url("../assets/light/caret-double-down-light.svg");
}

.ph.icon.caret-double-left.light {
  mask-image: url("../assets/light/caret-double-left-light.svg");
  -webkit-mask-image: url("../assets/light/caret-double-left-light.svg");
}

.ph.icon.caret-double-right.light {
  mask-image: url("../assets/light/caret-double-right-light.svg");
  -webkit-mask-image: url("../assets/light/caret-double-right-light.svg");
}

.ph.icon.caret-double-up.light {
  mask-image: url("../assets/light/caret-double-up-light.svg");
  -webkit-mask-image: url("../assets/light/caret-double-up-light.svg");
}

.ph.icon.caret-down.light {
  mask-image: url("../assets/light/caret-down-light.svg");
  -webkit-mask-image: url("../assets/light/caret-down-light.svg");
}

.ph.icon.caret-left.light {
  mask-image: url("../assets/light/caret-left-light.svg");
  -webkit-mask-image: url("../assets/light/caret-left-light.svg");
}

.ph.icon.caret-line-down.light {
  mask-image: url("../assets/light/caret-line-down-light.svg");
  -webkit-mask-image: url("../assets/light/caret-line-down-light.svg");
}

.ph.icon.caret-line-left.light {
  mask-image: