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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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