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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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