phosphor-css/css/thin.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.thin {
  mask-image: url("../assets/thin/acorn-thin.svg");
  -webkit-mask-image: url("../assets/thin/acorn-thin.svg");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ph.icon.cash-register.thin {
  mask-image: url("../assets/thin/cash-register-thin.svg");
  -webkit-mask-image: url("../assets/thin/cash-register-thin.svg");
}

.ph.icon.cassette-tape.thin {
  mask-image: url("../assets/thin/cassette-tape-thin.svg");
  -webkit-mask-image: url("../assets/thin/cassette-tape-thin.svg");
}

.ph.icon.castle-turret.thin {
  mask-image: url("../assets/thin/castle-turret-thin.svg");
  -webkit-mask-imag