phosphor-css
Version:
🧩 CSS integration of a flexible icon family for the web.
1,077 lines (1,074 loc) • 69.5 kB
text/less
@import (less) 'base.less';
@weights: bold, duotone, fill, light, thin;
.icon(@type) {
mask-image: url('@{phosphor-icons}/regular/@{type}.svg');
-webkit-mask-image: url('@{phosphor-icons}/regular/@{type}.svg');
each(@weights, {
&.@{value} {
mask-image: url("@{phosphor-icons}/@{value}/@{type}-@{value}.svg");
-webkit-mask-image: url("@{phosphor-icons}/@{value}/@{type}-@{value}.svg");
}
});
}
.ph.icon.acorn { .icon(acorn); }
.ph.icon.address-book-tabs { .icon(address-book-tabs); }
.ph.icon.address-book { .icon(address-book); }
.ph.icon.air-traffic-control { .icon(air-traffic-control); }
.ph.icon.airplane-in-flight { .icon(airplane-in-flight); }
.ph.icon.airplane-landing { .icon(airplane-landing); }
.ph.icon.airplane-takeoff { .icon(airplane-takeoff); }
.ph.icon.airplane-taxiing { .icon(airplane-taxiing); }
.ph.icon.airplane-tilt { .icon(airplane-tilt); }
.ph.icon.airplane { .icon(airplane); }
.ph.icon.airplay { .icon(airplay); }
.ph.icon.alarm { .icon(alarm); }
.ph.icon.alien { .icon(alien); }
.ph.icon.align-bottom-simple { .icon(align-bottom-simple); }
.ph.icon.align-bottom { .icon(align-bottom); }
.ph.icon.align-center-horizontal-simple { .icon(align-center-horizontal-simple); }
.ph.icon.align-center-horizontal { .icon(align-center-horizontal); }
.ph.icon.align-center-vertical-simple { .icon(align-center-vertical-simple); }
.ph.icon.align-center-vertical { .icon(align-center-vertical); }
.ph.icon.align-left-simple { .icon(align-left-simple); }
.ph.icon.align-left { .icon(align-left); }
.ph.icon.align-right-simple { .icon(align-right-simple); }
.ph.icon.align-right { .icon(align-right); }
.ph.icon.align-top-simple { .icon(align-top-simple); }
.ph.icon.align-top { .icon(align-top); }
.ph.icon.amazon-logo { .icon(amazon-logo); }
.ph.icon.ambulance { .icon(ambulance); }
.ph.icon.anchor-simple { .icon(anchor-simple); }
.ph.icon.anchor { .icon(anchor); }
.ph.icon.android-logo { .icon(android-logo); }
.ph.icon.angle { .icon(angle); }
.ph.icon.angular-logo { .icon(angular-logo); }
.ph.icon.aperture { .icon(aperture); }
.ph.icon.app-store-logo { .icon(app-store-logo); }
.ph.icon.app-window { .icon(app-window); }
.ph.icon.apple-logo { .icon(apple-logo); }
.ph.icon.apple-podcasts-logo { .icon(apple-podcasts-logo); }
.ph.icon.approximate-equals { .icon(approximate-equals); }
.ph.icon.archive { .icon(archive); }
.ph.icon.armchair { .icon(armchair); }
.ph.icon.arrow-arc-left { .icon(arrow-arc-left); }
.ph.icon.arrow-arc-right { .icon(arrow-arc-right); }
.ph.icon.arrow-bend-double-up-left { .icon(arrow-bend-double-up-left); }
.ph.icon.arrow-bend-double-up-right { .icon(arrow-bend-double-up-right); }
.ph.icon.arrow-bend-down-left { .icon(arrow-bend-down-left); }
.ph.icon.arrow-bend-down-right { .icon(arrow-bend-down-right); }
.ph.icon.arrow-bend-left-down { .icon(arrow-bend-left-down); }
.ph.icon.arrow-bend-left-up { .icon(arrow-bend-left-up); }
.ph.icon.arrow-bend-right-down { .icon(arrow-bend-right-down); }
.ph.icon.arrow-bend-right-up { .icon(arrow-bend-right-up); }
.ph.icon.arrow-bend-up-left { .icon(arrow-bend-up-left); }
.ph.icon.arrow-bend-up-right { .icon(arrow-bend-up-right); }
.ph.icon.arrow-circle-down-left { .icon(arrow-circle-down-left); }
.ph.icon.arrow-circle-down-right { .icon(arrow-circle-down-right); }
.ph.icon.arrow-circle-down { .icon(arrow-circle-down); }
.ph.icon.arrow-circle-left { .icon(arrow-circle-left); }
.ph.icon.arrow-circle-right { .icon(arrow-circle-right); }
.ph.icon.arrow-circle-up-left { .icon(arrow-circle-up-left); }
.ph.icon.arrow-circle-up-right { .icon(arrow-circle-up-right); }
.ph.icon.arrow-circle-up { .icon(arrow-circle-up); }
.ph.icon.arrow-clockwise { .icon(arrow-clockwise); }
.ph.icon.arrow-counter-clockwise { .icon(arrow-counter-clockwise); }
.ph.icon.arrow-down-left { .icon(arrow-down-left); }
.ph.icon.arrow-down-right { .icon(arrow-down-right); }
.ph.icon.arrow-down { .icon(arrow-down); }
.ph.icon.arrow-elbow-down-left { .icon(arrow-elbow-down-left); }
.ph.icon.arrow-elbow-down-right { .icon(arrow-elbow-down-right); }
.ph.icon.arrow-elbow-left-down { .icon(arrow-elbow-left-down); }
.ph.icon.arrow-elbow-left-up { .icon(arrow-elbow-left-up); }
.ph.icon.arrow-elbow-left { .icon(arrow-elbow-left); }
.ph.icon.arrow-elbow-right-down { .icon(arrow-elbow-right-down); }
.ph.icon.arrow-elbow-right-up { .icon(arrow-elbow-right-up); }
.ph.icon.arrow-elbow-right { .icon(arrow-elbow-right); }
.ph.icon.arrow-elbow-up-left { .icon(arrow-elbow-up-left); }
.ph.icon.arrow-elbow-up-right { .icon(arrow-elbow-up-right); }
.ph.icon.arrow-fat-down { .icon(arrow-fat-down); }
.ph.icon.arrow-fat-left { .icon(arrow-fat-left); }
.ph.icon.arrow-fat-line-down { .icon(arrow-fat-line-down); }
.ph.icon.arrow-fat-line-left { .icon(arrow-fat-line-left); }
.ph.icon.arrow-fat-line-right { .icon(arrow-fat-line-right); }
.ph.icon.arrow-fat-line-up { .icon(arrow-fat-line-up); }
.ph.icon.arrow-fat-lines-down { .icon(arrow-fat-lines-down); }
.ph.icon.arrow-fat-lines-left { .icon(arrow-fat-lines-left); }
.ph.icon.arrow-fat-lines-right { .icon(arrow-fat-lines-right); }
.ph.icon.arrow-fat-lines-up { .icon(arrow-fat-lines-up); }
.ph.icon.arrow-fat-right { .icon(arrow-fat-right); }
.ph.icon.arrow-fat-up { .icon(arrow-fat-up); }
.ph.icon.arrow-left { .icon(arrow-left); }
.ph.icon.arrow-line-down-left { .icon(arrow-line-down-left); }
.ph.icon.arrow-line-down-right { .icon(arrow-line-down-right); }
.ph.icon.arrow-line-down { .icon(arrow-line-down); }
.ph.icon.arrow-line-left { .icon(arrow-line-left); }
.ph.icon.arrow-line-right { .icon(arrow-line-right); }
.ph.icon.arrow-line-up-left { .icon(arrow-line-up-left); }
.ph.icon.arrow-line-up-right { .icon(arrow-line-up-right); }
.ph.icon.arrow-line-up { .icon(arrow-line-up); }
.ph.icon.arrow-right { .icon(arrow-right); }
.ph.icon.arrow-square-down-left { .icon(arrow-square-down-left); }
.ph.icon.arrow-square-down-right { .icon(arrow-square-down-right); }
.ph.icon.arrow-square-down { .icon(arrow-square-down); }
.ph.icon.arrow-square-in { .icon(arrow-square-in); }
.ph.icon.arrow-square-left { .icon(arrow-square-left); }
.ph.icon.arrow-square-out { .icon(arrow-square-out); }
.ph.icon.arrow-square-right { .icon(arrow-square-right); }
.ph.icon.arrow-square-up-left { .icon(arrow-square-up-left); }
.ph.icon.arrow-square-up-right { .icon(arrow-square-up-right); }
.ph.icon.arrow-square-up { .icon(arrow-square-up); }
.ph.icon.arrow-u-down-left { .icon(arrow-u-down-left); }
.ph.icon.arrow-u-down-right { .icon(arrow-u-down-right); }
.ph.icon.arrow-u-left-down { .icon(arrow-u-left-down); }
.ph.icon.arrow-u-left-up { .icon(arrow-u-left-up); }
.ph.icon.arrow-u-right-down { .icon(arrow-u-right-down); }
.ph.icon.arrow-u-right-up { .icon(arrow-u-right-up); }
.ph.icon.arrow-u-up-left { .icon(arrow-u-up-left); }
.ph.icon.arrow-u-up-right { .icon(arrow-u-up-right); }
.ph.icon.arrow-up-left { .icon(arrow-up-left); }
.ph.icon.arrow-up-right { .icon(arrow-up-right); }
.ph.icon.arrow-up { .icon(arrow-up); }
.ph.icon.arrows-clockwise { .icon(arrows-clockwise); }
.ph.icon.arrows-counter-clockwise { .icon(arrows-counter-clockwise); }
.ph.icon.arrows-down-up { .icon(arrows-down-up); }
.ph.icon.arrows-horizontal { .icon(arrows-horizontal); }
.ph.icon.arrows-in-cardinal { .icon(arrows-in-cardinal); }
.ph.icon.arrows-in-line-horizontal { .icon(arrows-in-line-horizontal); }
.ph.icon.arrows-in-line-vertical { .icon(arrows-in-line-vertical); }
.ph.icon.arrows-in-simple { .icon(arrows-in-simple); }
.ph.icon.arrows-in { .icon(arrows-in); }
.ph.icon.arrows-left-right { .icon(arrows-left-right); }
.ph.icon.arrows-merge { .icon(arrows-merge); }
.ph.icon.arrows-out-cardinal { .icon(arrows-out-cardinal); }
.ph.icon.arrows-out-line-horizontal { .icon(arrows-out-line-horizontal); }
.ph.icon.arrows-out-line-vertical { .icon(arrows-out-line-vertical); }
.ph.icon.arrows-out-simple { .icon(arrows-out-simple); }
.ph.icon.arrows-out { .icon(arrows-out); }
.ph.icon.arrows-split { .icon(arrows-split); }
.ph.icon.arrows-vertical { .icon(arrows-vertical); }
.ph.icon.article-medium { .icon(article-medium); }
.ph.icon.article-ny-times { .icon(article-ny-times); }
.ph.icon.article { .icon(article); }
.ph.icon.asclepius { .icon(asclepius); }
.ph.icon.asterisk-simple { .icon(asterisk-simple); }
.ph.icon.asterisk { .icon(asterisk); }
.ph.icon.at { .icon(at); }
.ph.icon.atom { .icon(atom); }
.ph.icon.avocado { .icon(avocado); }
.ph.icon.axe { .icon(axe); }
.ph.icon.baby-carriage { .icon(baby-carriage); }
.ph.icon.baby { .icon(baby); }
.ph.icon.backpack { .icon(backpack); }
.ph.icon.backspace { .icon(backspace); }
.ph.icon.bag-simple { .icon(bag-simple); }
.ph.icon.bag { .icon(bag); }
.ph.icon.balloon { .icon(balloon); }
.ph.icon.bandaids { .icon(bandaids); }
.ph.icon.bank { .icon(bank); }
.ph.icon.barbell { .icon(barbell); }
.ph.icon.barcode { .icon(barcode); }
.ph.icon.barn { .icon(barn); }
.ph.icon.barricade { .icon(barricade); }
.ph.icon.baseball-cap { .icon(baseball-cap); }
.ph.icon.baseball-helmet { .icon(baseball-helmet); }
.ph.icon.baseball { .icon(baseball); }
.ph.icon.basket { .icon(basket); }
.ph.icon.basketball { .icon(basketball); }
.ph.icon.bathtub { .icon(bathtub); }
.ph.icon.battery-charging-vertical { .icon(battery-charging-vertical); }
.ph.icon.battery-charging { .icon(battery-charging); }
.ph.icon.battery-empty { .icon(battery-empty); }
.ph.icon.battery-full { .icon(battery-full); }
.ph.icon.battery-high { .icon(battery-high); }
.ph.icon.battery-low { .icon(battery-low); }
.ph.icon.battery-medium { .icon(battery-medium); }
.ph.icon.battery-plus-vertical { .icon(battery-plus-vertical); }
.ph.icon.battery-plus { .icon(battery-plus); }
.ph.icon.battery-vertical-empty { .icon(battery-vertical-empty); }
.ph.icon.battery-vertical-full { .icon(battery-vertical-full); }
.ph.icon.battery-vertical-high { .icon(battery-vertical-high); }
.ph.icon.battery-vertical-low { .icon(battery-vertical-low); }
.ph.icon.battery-vertical-medium { .icon(battery-vertical-medium); }
.ph.icon.battery-warning-vertical { .icon(battery-warning-vertical); }
.ph.icon.battery-warning { .icon(battery-warning); }
.ph.icon.beach-ball { .icon(beach-ball); }
.ph.icon.beanie { .icon(beanie); }
.ph.icon.bed { .icon(bed); }
.ph.icon.beer-bottle { .icon(beer-bottle); }
.ph.icon.beer-stein { .icon(beer-stein); }
.ph.icon.behance-logo { .icon(behance-logo); }
.ph.icon.bell-ringing { .icon(bell-ringing); }
.ph.icon.bell-simple-ringing { .icon(bell-simple-ringing); }
.ph.icon.bell-simple-slash { .icon(bell-simple-slash); }
.ph.icon.bell-simple-z { .icon(bell-simple-z); }
.ph.icon.bell-simple { .icon(bell-simple); }
.ph.icon.bell-slash { .icon(bell-slash); }
.ph.icon.bell-z { .icon(bell-z); }
.ph.icon.bell { .icon(bell); }
.ph.icon.belt { .icon(belt); }
.ph.icon.bezier-curve { .icon(bezier-curve); }
.ph.icon.bicycle { .icon(bicycle); }
.ph.icon.binary { .icon(binary); }
.ph.icon.binoculars { .icon(binoculars); }
.ph.icon.biohazard { .icon(biohazard); }
.ph.icon.bird { .icon(bird); }
.ph.icon.blueprint { .icon(blueprint); }
.ph.icon.bluetooth-connected { .icon(bluetooth-connected); }
.ph.icon.bluetooth-slash { .icon(bluetooth-slash); }
.ph.icon.bluetooth-x { .icon(bluetooth-x); }
.ph.icon.bluetooth { .icon(bluetooth); }
.ph.icon.boat { .icon(boat); }
.ph.icon.bomb { .icon(bomb); }
.ph.icon.bone { .icon(bone); }
.ph.icon.book-bookmark { .icon(book-bookmark); }
.ph.icon.book-open-text { .icon(book-open-text); }
.ph.icon.book-open-user { .icon(book-open-user); }
.ph.icon.book-open { .icon(book-open); }
.ph.icon.book { .icon(book); }
.ph.icon.bookmark-simple { .icon(bookmark-simple); }
.ph.icon.bookmark { .icon(bookmark); }
.ph.icon.bookmarks-simple { .icon(bookmarks-simple); }
.ph.icon.bookmarks { .icon(bookmarks); }
.ph.icon.books { .icon(books); }
.ph.icon.boot { .icon(boot); }
.ph.icon.boules { .icon(boules); }
.ph.icon.bounding-box { .icon(bounding-box); }
.ph.icon.bowl-food { .icon(bowl-food); }
.ph.icon.bowl-steam { .icon(bowl-steam); }
.ph.icon.bowling-ball { .icon(bowling-ball); }
.ph.icon.box-arrow-down { .icon(box-arrow-down); }
.ph.icon.box-arrow-up { .icon(box-arrow-up); }
.ph.icon.boxing-glove { .icon(boxing-glove); }
.ph.icon.brackets-angle { .icon(brackets-angle); }
.ph.icon.brackets-curly { .icon(brackets-curly); }
.ph.icon.brackets-round { .icon(brackets-round); }
.ph.icon.brackets-square { .icon(brackets-square); }
.ph.icon.brain { .icon(brain); }
.ph.icon.brandy { .icon(brandy); }
.ph.icon.bread { .icon(bread); }
.ph.icon.bridge { .icon(bridge); }
.ph.icon.briefcase-metal { .icon(briefcase-metal); }
.ph.icon.briefcase { .icon(briefcase); }
.ph.icon.broadcast { .icon(broadcast); }
.ph.icon.broom { .icon(broom); }
.ph.icon.browser { .icon(browser); }
.ph.icon.browsers { .icon(browsers); }
.ph.icon.bug-beetle { .icon(bug-beetle); }
.ph.icon.bug-droid { .icon(bug-droid); }
.ph.icon.bug { .icon(bug); }
.ph.icon.building-apartment { .icon(building-apartment); }
.ph.icon.building-office { .icon(building-office); }
.ph.icon.building { .icon(building); }
.ph.icon.buildings { .icon(buildings); }
.ph.icon.bulldozer { .icon(bulldozer); }
.ph.icon.bus { .icon(bus); }
.ph.icon.butterfly { .icon(butterfly); }
.ph.icon.cable-car { .icon(cable-car); }
.ph.icon.cactus { .icon(cactus); }
.ph.icon.cake { .icon(cake); }
.ph.icon.calculator { .icon(calculator); }
.ph.icon.calendar-blank { .icon(calendar-blank); }
.ph.icon.calendar-check { .icon(calendar-check); }
.ph.icon.calendar-dot { .icon(calendar-dot); }
.ph.icon.calendar-dots { .icon(calendar-dots); }
.ph.icon.calendar-heart { .icon(calendar-heart); }
.ph.icon.calendar-minus { .icon(calendar-minus); }
.ph.icon.calendar-plus { .icon(calendar-plus); }
.ph.icon.calendar-slash { .icon(calendar-slash); }
.ph.icon.calendar-star { .icon(calendar-star); }
.ph.icon.calendar-x { .icon(calendar-x); }
.ph.icon.calendar { .icon(calendar); }
.ph.icon.call-bell { .icon(call-bell); }
.ph.icon.camera-plus { .icon(camera-plus); }
.ph.icon.camera-rotate { .icon(camera-rotate); }
.ph.icon.camera-slash { .icon(camera-slash); }
.ph.icon.camera { .icon(camera); }
.ph.icon.campfire { .icon(campfire); }
.ph.icon.car-battery { .icon(car-battery); }
.ph.icon.car-profile { .icon(car-profile); }
.ph.icon.car-simple { .icon(car-simple); }
.ph.icon.car { .icon(car); }
.ph.icon.cardholder { .icon(cardholder); }
.ph.icon.cards-three { .icon(cards-three); }
.ph.icon.cards { .icon(cards); }
.ph.icon.caret-circle-double-down { .icon(caret-circle-double-down); }
.ph.icon.caret-circle-double-left { .icon(caret-circle-double-left); }
.ph.icon.caret-circle-double-right { .icon(caret-circle-double-right); }
.ph.icon.caret-circle-double-up { .icon(caret-circle-double-up); }
.ph.icon.caret-circle-down { .icon(caret-circle-down); }
.ph.icon.caret-circle-left { .icon(caret-circle-left); }
.ph.icon.caret-circle-right { .icon(caret-circle-right); }
.ph.icon.caret-circle-up-down { .icon(caret-circle-up-down); }
.ph.icon.caret-circle-up { .icon(caret-circle-up); }
.ph.icon.caret-double-down { .icon(caret-double-down); }
.ph.icon.caret-double-left { .icon(caret-double-left); }
.ph.icon.caret-double-right { .icon(caret-double-right); }
.ph.icon.caret-double-up { .icon(caret-double-up); }
.ph.icon.caret-down { .icon(caret-down); }
.ph.icon.caret-left { .icon(caret-left); }
.ph.icon.caret-line-down { .icon(caret-line-down); }
.ph.icon.caret-line-left { .icon(caret-line-left); }
.ph.icon.caret-line-right { .icon(caret-line-right); }
.ph.icon.caret-line-up { .icon(caret-line-up); }
.ph.icon.caret-right { .icon(caret-right); }
.ph.icon.caret-up-down { .icon(caret-up-down); }
.ph.icon.caret-up { .icon(caret-up); }
.ph.icon.carrot { .icon(carrot); }
.ph.icon.cash-register { .icon(cash-register); }
.ph.icon.cassette-tape { .icon(cassette-tape); }
.ph.icon.castle-turret { .icon(castle-turret); }
.ph.icon.cat { .icon(cat); }
.ph.icon.cell-signal-full { .icon(cell-signal-full); }
.ph.icon.cell-signal-high { .icon(cell-signal-high); }
.ph.icon.cell-signal-low { .icon(cell-signal-low); }
.ph.icon.cell-signal-medium { .icon(cell-signal-medium); }
.ph.icon.cell-signal-none { .icon(cell-signal-none); }
.ph.icon.cell-signal-slash { .icon(cell-signal-slash); }
.ph.icon.cell-signal-x { .icon(cell-signal-x); }
.ph.icon.cell-tower { .icon(cell-tower); }
.ph.icon.certificate { .icon(certificate); }
.ph.icon.chair { .icon(chair); }
.ph.icon.chalkboard-simple { .icon(chalkboard-simple); }
.ph.icon.chalkboard-teacher { .icon(chalkboard-teacher); }
.ph.icon.chalkboard { .icon(chalkboard); }
.ph.icon.champagne { .icon(champagne); }
.ph.icon.charging-station { .icon(charging-station); }
.ph.icon.chart-bar-horizontal { .icon(chart-bar-horizontal); }
.ph.icon.chart-bar { .icon(chart-bar); }
.ph.icon.chart-donut { .icon(chart-donut); }
.ph.icon.chart-line-down { .icon(chart-line-down); }
.ph.icon.chart-line-up { .icon(chart-line-up); }
.ph.icon.chart-line { .icon(chart-line); }
.ph.icon.chart-pie-slice { .icon(chart-pie-slice); }
.ph.icon.chart-pie { .icon(chart-pie); }
.ph.icon.chart-polar { .icon(chart-polar); }
.ph.icon.chart-scatter { .icon(chart-scatter); }
.ph.icon.chat-centered-dots { .icon(chat-centered-dots); }
.ph.icon.chat-centered-slash { .icon(chat-centered-slash); }
.ph.icon.chat-centered-text { .icon(chat-centered-text); }
.ph.icon.chat-centered { .icon(chat-centered); }
.ph.icon.chat-circle-dots { .icon(chat-circle-dots); }
.ph.icon.chat-circle-slash { .icon(chat-circle-slash); }
.ph.icon.chat-circle-text { .icon(chat-circle-text); }
.ph.icon.chat-circle { .icon(chat-circle); }
.ph.icon.chat-dots { .icon(chat-dots); }
.ph.icon.chat-slash { .icon(chat-slash); }
.ph.icon.chat-teardrop-dots { .icon(chat-teardrop-dots); }
.ph.icon.chat-teardrop-slash { .icon(chat-teardrop-slash); }
.ph.icon.chat-teardrop-text { .icon(chat-teardrop-text); }
.ph.icon.chat-teardrop { .icon(chat-teardrop); }
.ph.icon.chat-text { .icon(chat-text); }
.ph.icon.chat { .icon(chat); }
.ph.icon.chats-circle { .icon(chats-circle); }
.ph.icon.chats-teardrop { .icon(chats-teardrop); }
.ph.icon.chats { .icon(chats); }
.ph.icon.check-circle { .icon(check-circle); }
.ph.icon.check-fat { .icon(check-fat); }
.ph.icon.check-square-offset { .icon(check-square-offset); }
.ph.icon.check-square { .icon(check-square); }
.ph.icon.check { .icon(check); }
.ph.icon.checkerboard { .icon(checkerboard); }
.ph.icon.checks { .icon(checks); }
.ph.icon.cheers { .icon(cheers); }
.ph.icon.cheese { .icon(cheese); }
.ph.icon.chef-hat { .icon(chef-hat); }
.ph.icon.cherries { .icon(cherries); }
.ph.icon.church { .icon(church); }
.ph.icon.cigarette-slash { .icon(cigarette-slash); }
.ph.icon.cigarette { .icon(cigarette); }
.ph.icon.circle-dashed { .icon(circle-dashed); }
.ph.icon.circle-half-tilt { .icon(circle-half-tilt); }
.ph.icon.circle-half { .icon(circle-half); }
.ph.icon.circle-notch { .icon(circle-notch); }
.ph.icon.circle { .icon(circle); }
.ph.icon.circles-four { .icon(circles-four); }
.ph.icon.circles-three-plus { .icon(circles-three-plus); }
.ph.icon.circles-three { .icon(circles-three); }
.ph.icon.circuitry { .icon(circuitry); }
.ph.icon.city { .icon(city); }
.ph.icon.clipboard-text { .icon(clipboard-text); }
.ph.icon.clipboard { .icon(clipboard); }
.ph.icon.clock-afternoon { .icon(clock-afternoon); }
.ph.icon.clock-clockwise { .icon(clock-clockwise); }
.ph.icon.clock-countdown { .icon(clock-countdown); }
.ph.icon.clock-counter-clockwise { .icon(clock-counter-clockwise); }
.ph.icon.clock-user { .icon(clock-user); }
.ph.icon.clock { .icon(clock); }
.ph.icon.closed-captioning { .icon(closed-captioning); }
.ph.icon.cloud-arrow-down { .icon(cloud-arrow-down); }
.ph.icon.cloud-arrow-up { .icon(cloud-arrow-up); }
.ph.icon.cloud-check { .icon(cloud-check); }
.ph.icon.cloud-fog { .icon(cloud-fog); }
.ph.icon.cloud-lightning { .icon(cloud-lightning); }
.ph.icon.cloud-moon { .icon(cloud-moon); }
.ph.icon.cloud-rain { .icon(cloud-rain); }
.ph.icon.cloud-slash { .icon(cloud-slash); }
.ph.icon.cloud-snow { .icon(cloud-snow); }
.ph.icon.cloud-sun { .icon(cloud-sun); }
.ph.icon.cloud-warning { .icon(cloud-warning); }
.ph.icon.cloud-x { .icon(cloud-x); }
.ph.icon.cloud { .icon(cloud); }
.ph.icon.clover { .icon(clover); }
.ph.icon.club { .icon(club); }
.ph.icon.coat-hanger { .icon(coat-hanger); }
.ph.icon.coda-logo { .icon(coda-logo); }
.ph.icon.code-block { .icon(code-block); }
.ph.icon.code-simple { .icon(code-simple); }
.ph.icon.code { .icon(code); }
.ph.icon.codepen-logo { .icon(codepen-logo); }
.ph.icon.codesandbox-logo { .icon(codesandbox-logo); }
.ph.icon.coffee-bean { .icon(coffee-bean); }
.ph.icon.coffee { .icon(coffee); }
.ph.icon.coin-vertical { .icon(coin-vertical); }
.ph.icon.coin { .icon(coin); }
.ph.icon.coins { .icon(coins); }
.ph.icon.columns-plus-left { .icon(columns-plus-left); }
.ph.icon.columns-plus-right { .icon(columns-plus-right); }
.ph.icon.columns { .icon(columns); }
.ph.icon.command { .icon(command); }
.ph.icon.compass-rose { .icon(compass-rose); }
.ph.icon.compass-tool { .icon(compass-tool); }
.ph.icon.compass { .icon(compass); }
.ph.icon.computer-tower { .icon(computer-tower); }
.ph.icon.confetti { .icon(confetti); }
.ph.icon.contactless-payment { .icon(contactless-payment); }
.ph.icon.control { .icon(control); }
.ph.icon.cookie { .icon(cookie); }
.ph.icon.cooking-pot { .icon(cooking-pot); }
.ph.icon.copy-simple { .icon(copy-simple); }
.ph.icon.copy { .icon(copy); }
.ph.icon.copyleft { .icon(copyleft); }
.ph.icon.copyright { .icon(copyright); }
.ph.icon.corners-in { .icon(corners-in); }
.ph.icon.corners-out { .icon(corners-out); }
.ph.icon.couch { .icon(couch); }
.ph.icon.court-basketball { .icon(court-basketball); }
.ph.icon.cow { .icon(cow); }
.ph.icon.cowboy-hat { .icon(cowboy-hat); }
.ph.icon.cpu { .icon(cpu); }
.ph.icon.crane-tower { .icon(crane-tower); }
.ph.icon.crane { .icon(crane); }
.ph.icon.credit-card { .icon(credit-card); }
.ph.icon.cricket { .icon(cricket); }
.ph.icon.crop { .icon(crop); }
.ph.icon.cross { .icon(cross); }
.ph.icon.crosshair-simple { .icon(crosshair-simple); }
.ph.icon.crosshair { .icon(crosshair); }
.ph.icon.crown-cross { .icon(crown-cross); }
.ph.icon.crown-simple { .icon(crown-simple); }
.ph.icon.crown { .icon(crown); }
.ph.icon.cube-focus { .icon(cube-focus); }
.ph.icon.cube-transparent { .icon(cube-transparent); }
.ph.icon.cube { .icon(cube); }
.ph.icon.currency-btc { .icon(currency-btc); }
.ph.icon.currency-circle-dollar { .icon(currency-circle-dollar); }
.ph.icon.currency-cny { .icon(currency-cny); }
.ph.icon.currency-dollar-simple { .icon(currency-dollar-simple); }
.ph.icon.currency-dollar { .icon(currency-dollar); }
.ph.icon.currency-eth { .icon(currency-eth); }
.ph.icon.currency-eur { .icon(currency-eur); }
.ph.icon.currency-gbp { .icon(currency-gbp); }
.ph.icon.currency-inr { .icon(currency-inr); }
.ph.icon.currency-jpy { .icon(currency-jpy); }
.ph.icon.currency-krw { .icon(currency-krw); }
.ph.icon.currency-kzt { .icon(currency-kzt); }
.ph.icon.currency-ngn { .icon(currency-ngn); }
.ph.icon.currency-rub { .icon(currency-rub); }
.ph.icon.cursor-click { .icon(cursor-click); }
.ph.icon.cursor-text { .icon(cursor-text); }
.ph.icon.cursor { .icon(cursor); }
.ph.icon.cylinder { .icon(cylinder); }
.ph.icon.database { .icon(database); }
.ph.icon.desk { .icon(desk); }
.ph.icon.desktop-tower { .icon(desktop-tower); }
.ph.icon.desktop { .icon(desktop); }
.ph.icon.detective { .icon(detective); }
.ph.icon.dev-to-logo { .icon(dev-to-logo); }
.ph.icon.device-mobile-camera { .icon(device-mobile-camera); }
.ph.icon.device-mobile-slash { .icon(device-mobile-slash); }
.ph.icon.device-mobile-speaker { .icon(device-mobile-speaker); }
.ph.icon.device-mobile { .icon(device-mobile); }
.ph.icon.device-rotate { .icon(device-rotate); }
.ph.icon.device-tablet-camera { .icon(device-tablet-camera); }
.ph.icon.device-tablet-speaker { .icon(device-tablet-speaker); }
.ph.icon.device-tablet { .icon(device-tablet); }
.ph.icon.devices { .icon(devices); }
.ph.icon.diamond { .icon(diamond); }
.ph.icon.diamonds-four { .icon(diamonds-four); }
.ph.icon.dice-five { .icon(dice-five); }
.ph.icon.dice-four { .icon(dice-four); }
.ph.icon.dice-one { .icon(dice-one); }
.ph.icon.dice-six { .icon(dice-six); }
.ph.icon.dice-three { .icon(dice-three); }
.ph.icon.dice-two { .icon(dice-two); }
.ph.icon.disc { .icon(disc); }
.ph.icon.disco-ball { .icon(disco-ball); }
.ph.icon.discord-logo { .icon(discord-logo); }
.ph.icon.divide { .icon(divide); }
.ph.icon.dna { .icon(dna); }
.ph.icon.dog { .icon(dog); }
.ph.icon.door-open { .icon(door-open); }
.ph.icon.door { .icon(door); }
.ph.icon.dot-outline { .icon(dot-outline); }
.ph.icon.dot { .icon(dot); }
.ph.icon.dots-nine { .icon(dots-nine); }
.ph.icon.dots-six-vertical { .icon(dots-six-vertical); }
.ph.icon.dots-six { .icon(dots-six); }
.ph.icon.dots-three-circle-vertical { .icon(dots-three-circle-vertical); }
.ph.icon.dots-three-circle { .icon(dots-three-circle); }
.ph.icon.dots-three-outline-vertical { .icon(dots-three-outline-vertical); }
.ph.icon.dots-three-outline { .icon(dots-three-outline); }
.ph.icon.dots-three-vertical { .icon(dots-three-vertical); }
.ph.icon.dots-three { .icon(dots-three); }
.ph.icon.download-simple { .icon(download-simple); }
.ph.icon.download { .icon(download); }
.ph.icon.dress { .icon(dress); }
.ph.icon.dresser { .icon(dresser); }
.ph.icon.dribbble-logo { .icon(dribbble-logo); }
.ph.icon.drone { .icon(drone); }
.ph.icon.drop-half-bottom { .icon(drop-half-bottom); }
.ph.icon.drop-half { .icon(drop-half); }
.ph.icon.drop-simple { .icon(drop-simple); }
.ph.icon.drop-slash { .icon(drop-slash); }
.ph.icon.drop { .icon(drop); }
.ph.icon.dropbox-logo { .icon(dropbox-logo); }
.ph.icon.ear-slash { .icon(ear-slash); }
.ph.icon.ear { .icon(ear); }
.ph.icon.egg-crack { .icon(egg-crack); }
.ph.icon.egg { .icon(egg); }
.ph.icon.eject-simple { .icon(eject-simple); }
.ph.icon.eject { .icon(eject); }
.ph.icon.elevator { .icon(elevator); }
.ph.icon.empty { .icon(empty); }
.ph.icon.engine { .icon(engine); }
.ph.icon.envelope-open { .icon(envelope-open); }
.ph.icon.envelope-simple-open { .icon(envelope-simple-open); }
.ph.icon.envelope-simple { .icon(envelope-simple); }
.ph.icon.envelope { .icon(envelope); }
.ph.icon.equalizer { .icon(equalizer); }
.ph.icon.equals { .icon(equals); }
.ph.icon.eraser { .icon(eraser); }
.ph.icon.escalator-down { .icon(escalator-down); }
.ph.icon.escalator-up { .icon(escalator-up); }
.ph.icon.exam { .icon(exam); }
.ph.icon.exclamation-mark { .icon(exclamation-mark); }
.ph.icon.exclude-square { .icon(exclude-square); }
.ph.icon.exclude { .icon(exclude); }
.ph.icon.export { .icon(export); }
.ph.icon.eye-closed { .icon(eye-closed); }
.ph.icon.eye-slash { .icon(eye-slash); }
.ph.icon.eye { .icon(eye); }
.ph.icon.eyedropper-sample { .icon(eyedropper-sample); }
.ph.icon.eyedropper { .icon(eyedropper); }
.ph.icon.eyeglasses { .icon(eyeglasses); }
.ph.icon.eyes { .icon(eyes); }
.ph.icon.face-mask { .icon(face-mask); }
.ph.icon.facebook-logo { .icon(facebook-logo); }
.ph.icon.factory { .icon(factory); }
.ph.icon.faders-horizontal { .icon(faders-horizontal); }
.ph.icon.faders { .icon(faders); }
.ph.icon.fallout-shelter { .icon(fallout-shelter); }
.ph.icon.fan { .icon(fan); }
.ph.icon.farm { .icon(farm); }
.ph.icon.fast-forward-circle { .icon(fast-forward-circle); }
.ph.icon.fast-forward { .icon(fast-forward); }
.ph.icon.feather { .icon(feather); }
.ph.icon.fediverse-logo { .icon(fediverse-logo); }
.ph.icon.figma-logo { .icon(figma-logo); }
.ph.icon.file-archive { .icon(file-archive); }
.ph.icon.file-arrow-down { .icon(file-arrow-down); }
.ph.icon.file-arrow-up { .icon(file-arrow-up); }
.ph.icon.file-audio { .icon(file-audio); }
.ph.icon.file-c-sharp { .icon(file-c-sharp); }
.ph.icon.file-c { .icon(file-c); }
.ph.icon.file-cloud { .icon(file-cloud); }
.ph.icon.file-code { .icon(file-code); }
.ph.icon.file-cpp { .icon(file-cpp); }
.ph.icon.file-css { .icon(file-css); }
.ph.icon.file-csv { .icon(file-csv); }
.ph.icon.file-dashed { .icon(file-dashed); }
.ph.icon.file-doc { .icon(file-doc); }
.ph.icon.file-html { .icon(file-html); }
.ph.icon.file-image { .icon(file-image); }
.ph.icon.file-ini { .icon(file-ini); }
.ph.icon.file-jpg { .icon(file-jpg); }
.ph.icon.file-js { .icon(file-js); }
.ph.icon.file-jsx { .icon(file-jsx); }
.ph.icon.file-lock { .icon(file-lock); }
.ph.icon.file-magnifying-glass { .icon(file-magnifying-glass); }
.ph.icon.file-md { .icon(file-md); }
.ph.icon.file-minus { .icon(file-minus); }
.ph.icon.file-pdf { .icon(file-pdf); }
.ph.icon.file-plus { .icon(file-plus); }
.ph.icon.file-png { .icon(file-png); }
.ph.icon.file-ppt { .icon(file-ppt); }
.ph.icon.file-py { .icon(file-py); }
.ph.icon.file-rs { .icon(file-rs); }
.ph.icon.file-sql { .icon(file-sql); }
.ph.icon.file-svg { .icon(file-svg); }
.ph.icon.file-text { .icon(file-text); }
.ph.icon.file-ts { .icon(file-ts); }
.ph.icon.file-tsx { .icon(file-tsx); }
.ph.icon.file-txt { .icon(file-txt); }
.ph.icon.file-video { .icon(file-video); }
.ph.icon.file-vue { .icon(file-vue); }
.ph.icon.file-x { .icon(file-x); }
.ph.icon.file-xls { .icon(file-xls); }
.ph.icon.file-zip { .icon(file-zip); }
.ph.icon.file { .icon(file); }
.ph.icon.files { .icon(files); }
.ph.icon.film-reel { .icon(film-reel); }
.ph.icon.film-script { .icon(film-script); }
.ph.icon.film-slate { .icon(film-slate); }
.ph.icon.film-strip { .icon(film-strip); }
.ph.icon.fingerprint-simple { .icon(fingerprint-simple); }
.ph.icon.fingerprint { .icon(fingerprint); }
.ph.icon.finn-the-human { .icon(finn-the-human); }
.ph.icon.fire-extinguisher { .icon(fire-extinguisher); }
.ph.icon.fire-simple { .icon(fire-simple); }
.ph.icon.fire-truck { .icon(fire-truck); }
.ph.icon.fire { .icon(fire); }
.ph.icon.first-aid-kit { .icon(first-aid-kit); }
.ph.icon.first-aid { .icon(first-aid); }
.ph.icon.fish-simple { .icon(fish-simple); }
.ph.icon.fish { .icon(fish); }
.ph.icon.flag-banner-fold { .icon(flag-banner-fold); }
.ph.icon.flag-banner { .icon(flag-banner); }
.ph.icon.flag-checkered { .icon(flag-checkered); }
.ph.icon.flag-pennant { .icon(flag-pennant); }
.ph.icon.flag { .icon(flag); }
.ph.icon.flame { .icon(flame); }
.ph.icon.flashlight { .icon(flashlight); }
.ph.icon.flask { .icon(flask); }
.ph.icon.flip-horizontal { .icon(flip-horizontal); }
.ph.icon.flip-vertical { .icon(flip-vertical); }
.ph.icon.floppy-disk-back { .icon(floppy-disk-back); }
.ph.icon.floppy-disk { .icon(floppy-disk); }
.ph.icon.flow-arrow { .icon(flow-arrow); }
.ph.icon.flower-lotus { .icon(flower-lotus); }
.ph.icon.flower-tulip { .icon(flower-tulip); }
.ph.icon.flower { .icon(flower); }
.ph.icon.flying-saucer { .icon(flying-saucer); }
.ph.icon.folder-dashed { .icon(folder-dashed); }
.ph.icon.folder-lock { .icon(folder-lock); }
.ph.icon.folder-minus { .icon(folder-minus); }
.ph.icon.folder-open { .icon(folder-open); }
.ph.icon.folder-plus { .icon(folder-plus); }
.ph.icon.folder-simple-dashed { .icon(folder-simple-dashed); }
.ph.icon.folder-simple-lock { .icon(folder-simple-lock); }
.ph.icon.folder-simple-minus { .icon(folder-simple-minus); }
.ph.icon.folder-simple-plus { .icon(folder-simple-plus); }
.ph.icon.folder-simple-star { .icon(folder-simple-star); }
.ph.icon.folder-simple-user { .icon(folder-simple-user); }
.ph.icon.folder-simple { .icon(folder-simple); }
.ph.icon.folder-star { .icon(folder-star); }
.ph.icon.folder-user { .icon(folder-user); }
.ph.icon.folder { .icon(folder); }
.ph.icon.folders { .icon(folders); }
.ph.icon.football-helmet { .icon(football-helmet); }
.ph.icon.football { .icon(football); }
.ph.icon.footprints { .icon(footprints); }
.ph.icon.fork-knife { .icon(fork-knife); }
.ph.icon.four-k { .icon(four-k); }
.ph.icon.frame-corners { .icon(frame-corners); }
.ph.icon.framer-logo { .icon(framer-logo); }
.ph.icon.function { .icon(function); }
.ph.icon.funnel-simple-x { .icon(funnel-simple-x); }
.ph.icon.funnel-simple { .icon(funnel-simple); }
.ph.icon.funnel-x { .icon(funnel-x); }
.ph.icon.funnel { .icon(funnel); }
.ph.icon.game-controller { .icon(game-controller); }
.ph.icon.garage { .icon(garage); }
.ph.icon.gas-can { .icon(gas-can); }
.ph.icon.gas-pump { .icon(gas-pump); }
.ph.icon.gauge { .icon(gauge); }
.ph.icon.gavel { .icon(gavel); }
.ph.icon.gear-fine { .icon(gear-fine); }
.ph.icon.gear-six { .icon(gear-six); }
.ph.icon.gear { .icon(gear); }
.ph.icon.gender-female { .icon(gender-female); }
.ph.icon.gender-intersex { .icon(gender-intersex); }
.ph.icon.gender-male { .icon(gender-male); }
.ph.icon.gender-neuter { .icon(gender-neuter); }
.ph.icon.gender-nonbinary { .icon(gender-nonbinary); }
.ph.icon.gender-transgender { .icon(gender-transgender); }
.ph.icon.ghost { .icon(ghost); }
.ph.icon.gif { .icon(gif); }
.ph.icon.gift { .icon(gift); }
.ph.icon.git-branch { .icon(git-branch); }
.ph.icon.git-commit { .icon(git-commit); }
.ph.icon.git-diff { .icon(git-diff); }
.ph.icon.git-fork { .icon(git-fork); }
.ph.icon.git-merge { .icon(git-merge); }
.ph.icon.git-pull-request { .icon(git-pull-request); }
.ph.icon.github-logo { .icon(github-logo); }
.ph.icon.gitlab-logo-simple { .icon(gitlab-logo-simple); }
.ph.icon.gitlab-logo { .icon(gitlab-logo); }
.ph.icon.globe-hemisphere-east { .icon(globe-hemisphere-east); }
.ph.icon.globe-hemisphere-west { .icon(globe-hemisphere-west); }
.ph.icon.globe-simple-x { .icon(globe-simple-x); }
.ph.icon.globe-simple { .icon(globe-simple); }
.ph.icon.globe-stand { .icon(globe-stand); }
.ph.icon.globe-x { .icon(globe-x); }
.ph.icon.globe { .icon(globe); }
.ph.icon.goggles { .icon(goggles); }
.ph.icon.golf { .icon(golf); }
.ph.icon.goodreads-logo { .icon(goodreads-logo); }
.ph.icon.google-cardboard-logo { .icon(google-cardboard-logo); }
.ph.icon.google-chrome-logo { .icon(google-chrome-logo); }
.ph.icon.google-drive-logo { .icon(google-drive-logo); }
.ph.icon.google-logo { .icon(google-logo); }
.ph.icon.google-photos-logo { .icon(google-photos-logo); }
.ph.icon.google-play-logo { .icon(google-play-logo); }
.ph.icon.google-podcasts-logo { .icon(google-podcasts-logo); }
.ph.icon.gps-fix { .icon(gps-fix); }
.ph.icon.gps-slash { .icon(gps-slash); }
.ph.icon.gps { .icon(gps); }
.ph.icon.gradient { .icon(gradient); }
.ph.icon.graduation-cap { .icon(graduation-cap); }
.ph.icon.grains-slash { .icon(grains-slash); }
.ph.icon.grains { .icon(grains); }
.ph.icon.graph { .icon(graph); }
.ph.icon.graphics-card { .icon(graphics-card); }
.ph.icon.greater-than-or-equal { .icon(greater-than-or-equal); }
.ph.icon.greater-than { .icon(greater-than); }
.ph.icon.grid-four { .icon(grid-four); }
.ph.icon.grid-nine { .icon(grid-nine); }
.ph.icon.guitar { .icon(guitar); }
.ph.icon.hair-dryer { .icon(hair-dryer); }
.ph.icon.hamburger { .icon(hamburger); }
.ph.icon.hammer { .icon(hammer); }
.ph.icon.hand-arrow-down { .icon(hand-arrow-down); }
.ph.icon.hand-arrow-up { .icon(hand-arrow-up); }
.ph.icon.hand-coins { .icon(hand-coins); }
.ph.icon.hand-deposit { .icon(hand-deposit); }
.ph.icon.hand-eye { .icon(hand-eye); }
.ph.icon.hand-fist { .icon(hand-fist); }
.ph.icon.hand-grabbing { .icon(hand-grabbing); }
.ph.icon.hand-heart { .icon(hand-heart); }
.ph.icon.hand-palm { .icon(hand-palm); }
.ph.icon.hand-peace { .icon(hand-peace); }
.ph.icon.hand-pointing { .icon(hand-pointing); }
.ph.icon.hand-soap { .icon(hand-soap); }
.ph.icon.hand-swipe-left { .icon(hand-swipe-left); }
.ph.icon.hand-swipe-right { .icon(hand-swipe-right); }
.ph.icon.hand-tap { .icon(hand-tap); }
.ph.icon.hand-waving { .icon(hand-waving); }
.ph.icon.hand-withdraw { .icon(hand-withdraw); }
.ph.icon.hand { .icon(hand); }
.ph.icon.handbag-simple { .icon(handbag-simple); }
.ph.icon.handbag { .icon(handbag); }
.ph.icon.hands-clapping { .icon(hands-clapping); }
.ph.icon.hands-praying { .icon(hands-praying); }
.ph.icon.handshake { .icon(handshake); }
.ph.icon.hard-drive { .icon(hard-drive); }
.ph.icon.hard-drives { .icon(hard-drives); }
.ph.icon.hard-hat { .icon(hard-hat); }
.ph.icon.hash-straight { .icon(hash-straight); }
.ph.icon.hash { .icon(hash); }
.ph.icon.head-circuit { .icon(head-circuit); }
.ph.icon.headlights { .icon(headlights); }
.ph.icon.headphones { .icon(headphones); }
.ph.icon.headset { .icon(headset); }
.ph.icon.heart-break { .icon(heart-break); }
.ph.icon.heart-half { .icon(heart-half); }
.ph.icon.heart-straight-break { .icon(heart-straight-break); }
.ph.icon.heart-straight { .icon(heart-straight); }
.ph.icon.heart { .icon(heart); }
.ph.icon.heartbeat { .icon(heartbeat); }
.ph.icon.hexagon { .icon(hexagon); }
.ph.icon.high-definition { .icon(high-definition); }
.ph.icon.high-heel { .icon(high-heel); }
.ph.icon.highlighter-circle { .icon(highlighter-circle); }
.ph.icon.highlighter { .icon(highlighter); }
.ph.icon.hockey { .icon(hockey); }
.ph.icon.hoodie { .icon(hoodie); }
.ph.icon.horse { .icon(horse); }
.ph.icon.hospital { .icon(hospital); }
.ph.icon.hourglass-high { .icon(hourglass-high); }
.ph.icon.hourglass-low { .icon(hourglass-low); }
.ph.icon.hourglass-medium { .icon(hourglass-medium); }
.ph.icon.hourglass-simple-high { .icon(hourglass-simple-high); }
.ph.icon.hourglass-simple-low { .icon(hourglass-simple-low); }
.ph.icon.hourglass-simple-medium { .icon(hourglass-simple-medium); }
.ph.icon.hourglass-simple { .icon(hourglass-simple); }
.ph.icon.hourglass { .icon(hourglass); }
.ph.icon.house-line { .icon(house-line); }
.ph.icon.house-simple { .icon(house-simple); }
.ph.icon.house { .icon(house); }
.ph.icon.hurricane { .icon(hurricane); }
.ph.icon.ice-cream { .icon(ice-cream); }
.ph.icon.identification-badge { .icon(identification-badge); }
.ph.icon.identification-card { .icon(identification-card); }
.ph.icon.image-broken { .icon(image-broken); }
.ph.icon.image-square { .icon(image-square); }
.ph.icon.image { .icon(image); }
.ph.icon.images-square { .icon(images-square); }
.ph.icon.images { .icon(images); }
.ph.icon.infinity { .icon(infinity); }
.ph.icon.info { .icon(info); }
.ph.icon.instagram-logo { .icon(instagram-logo); }
.ph.icon.intersect-square { .icon(intersect-square); }
.ph.icon.intersect-three { .icon(intersect-three); }
.ph.icon.intersect { .icon(intersect); }
.ph.icon.intersection { .icon(intersection); }
.ph.icon.invoice { .icon(invoice); }
.ph.icon.island { .icon(island); }
.ph.icon.jar-label { .icon(jar-label); }
.ph.icon.jar { .icon(jar); }
.ph.icon.jeep { .icon(jeep); }
.ph.icon.joystick { .icon(joystick); }
.ph.icon.kanban { .icon(kanban); }
.ph.icon.key-return { .icon(key-return); }
.ph.icon.key { .icon(key); }
.ph.icon.keyboard { .icon(keyboard); }
.ph.icon.keyhole { .icon(keyhole); }
.ph.icon.knife { .icon(knife); }
.ph.icon.ladder-simple { .icon(ladder-simple); }
.ph.icon.ladder { .icon(ladder); }
.ph.icon.lamp-pendant { .icon(lamp-pendant); }
.ph.icon.lamp { .icon(lamp); }
.ph.icon.laptop { .icon(laptop); }
.ph.icon.lasso { .icon(lasso); }
.ph.icon.lastfm-logo { .icon(lastfm-logo); }
.ph.icon.layout { .icon(layout); }
.ph.icon.leaf { .icon(leaf); }
.ph.icon.lectern { .icon(lectern); }
.ph.icon.lego-smiley { .icon(lego-smiley); }
.ph.icon.lego { .icon(lego); }
.ph.icon.less-than-or-equal { .icon(less-than-or-equal); }
.ph.icon.less-than { .icon(less-than); }
.ph.icon.letter-circle-h { .icon(letter-circle-h); }
.ph.icon.letter-circle-p { .icon(letter-circle-p); }
.ph.icon.letter-circle-v { .icon(letter-circle-v); }
.ph.icon.lifebuoy { .icon(lifebuoy); }
.ph.icon.lightbulb-filament { .icon(lightbulb-filament); }
.ph.icon.lightbulb { .icon(lightbulb); }
.ph.icon.lighthouse { .icon(lighthouse); }
.ph.icon.lightning-a { .icon(lightning-a); }
.ph.icon.lightning-slash { .icon(lightning-slash); }
.ph.icon.lightning { .icon(lightning); }
.ph.icon.line-segment { .icon(line-segment); }
.ph.icon.line-segments { .icon(line-segments); }
.ph.icon.line-vertical { .icon(line-vertical); }
.ph.icon.link-break { .icon(link-break); }
.ph.icon.link-simple-break { .icon(link-simple-break); }
.ph.icon.link-simple-horizontal-break { .icon(link-simple-horizontal-break); }
.ph.icon.link-simple-horizontal { .icon(link-simple-horizontal); }
.ph.icon.link-simple { .icon(link-simple); }
.ph.icon.link { .icon(link); }
.ph.icon.linkedin-logo { .icon(linkedin-logo); }
.ph.icon.linktree-logo { .icon(linktree-logo); }
.ph.icon.linux-logo { .icon(linux-logo); }
.ph.icon.list-bullets { .icon(list-bullets); }
.ph.icon.list-checks { .icon(list-checks); }
.ph.icon.list-dashes { .icon(list-dashes); }
.ph.icon.list-heart { .icon(list-heart); }
.ph.icon.list-magnifying-glass { .icon(list-magnifying-glass); }
.ph.icon.list-numbers { .icon(list-numbers); }
.ph.icon.list-plus { .icon(list-plus); }
.ph.icon.list-star { .icon(list-star); }
.ph.icon.list { .icon(list); }
.ph.icon.lock-key-open { .icon(lock-key-open); }
.ph.icon.lock-key { .icon(lock-key); }
.ph.icon.lock-laminated-open { .icon(lock-laminated-open); }
.ph.icon.lock-laminated { .icon(lock-laminated); }
.ph.icon.lock-open { .icon(lock-open); }
.ph.icon.lock-simple-open { .icon(lock-simple-open); }
.ph.icon.lock-simple { .icon(lock-simple); }
.ph.icon.lock { .icon(lock); }
.ph.icon.lockers { .icon(lockers); }
.ph.icon.log { .icon(log); }
.ph.icon.magic-wand { .icon(magic-wand); }
.ph.icon.magnet-straight { .icon(magnet-straight); }
.ph.icon.magnet { .icon(magnet); }
.ph.icon.magnifying-glass-minus { .icon(magnifying-glass-minus); }
.ph.icon.magnifying-glass-plus { .icon(magnifying-glass-plus); }
.ph.icon.magnifying-glass { .icon(magnifying-glass); }
.ph.icon.mailbox { .icon(mailbox); }
.ph.icon.map-pin-area { .icon(map-pin-area); }
.ph.icon.map-pin-line { .icon(map-pin-line); }
.ph.icon.map-pin-plus { .icon(map-pin-plus); }
.ph.icon.map-pin-simple-area { .icon(map-pin-simple-area); }
.ph.icon.map-pin-simple-line { .icon(map-pin-simple-line); }
.ph.icon.map-pin-simple { .icon(map-pin-simple); }
.ph.icon.map-pin { .icon(map-pin); }
.ph.icon.map-trifold { .icon(map-trifold); }
.ph.icon.markdown-logo { .icon(markdown-logo); }
.ph.icon.marker-circle { .icon(marker-circle); }
.ph.icon.martini { .icon(martini); }
.ph.icon.mask-happy { .icon(mask-happy); }
.ph.icon.mask-sad { .icon(mask-sad); }
.ph.icon.mastodon-logo { .icon(mastodon-logo); }
.ph.icon.math-operations { .icon(math-operations); }
.ph.icon.matrix-logo { .icon(matrix-logo); }
.ph.icon.medal-military { .icon(medal-military); }
.ph.icon.medal { .icon(medal); }
.ph.icon.medium-logo { .icon(medium-logo); }
.ph.icon.megaphone-simple { .icon(megaphone-simple); }
.ph.icon.megaphone { .icon(megaphone); }
.ph.icon.member-of { .icon(member-of); }
.ph.icon.memory { .icon(memory); }
.ph.icon.messenger-logo { .icon(messenger-logo); }
.ph.icon.meta-logo { .icon(meta-logo); }
.ph.icon.meteor { .icon(meteor); }
.ph.icon.metronome { .icon(metronome); }
.ph.icon.microphone-slash { .icon(microphone-slash); }
.ph.icon.microphone-stage { .icon(microphone-stage); }
.ph.icon.microphone { .icon(microphone); }
.ph.icon.microscope { .icon(microscope); }
.ph.icon.microsoft-excel-logo { .icon(microsoft-excel-logo); }
.ph.icon.microsoft-outlook-logo { .icon(microsoft-outlook-logo); }
.ph.icon.microsoft-powerpoint-logo { .icon(microsoft-powerpoint-logo); }
.ph.icon.microsoft-teams-logo { .icon(microsoft-teams-logo); }
.ph.icon.microsoft-word-logo { .icon(microsoft-word-logo); }
.ph.icon.minus-circle { .icon(minus-circle); }
.ph.icon.minus-square { .icon(minus-square); }
.ph.icon.minus { .icon(minus); }
.ph.icon.money-wavy { .icon(money-wavy); }
.ph.icon.money { .icon(money); }
.ph.icon.monitor-arrow-up { .icon(monitor-arrow-up); }
.ph.icon.monitor-play { .icon(monitor-play); }
.ph.icon.monitor { .icon(monitor); }
.ph.icon.moon-stars { .icon(moon-stars); }
.ph.icon.moon { .icon(moon); }
.ph.icon.moped-front { .icon(moped-front); }
.ph.icon.moped { .icon(moped); }
.ph.icon.mosque { .icon(mosque); }
.ph.icon.motorcycle { .icon(motorcycle); }
.ph.icon.mountains { .icon(mountains); }
.ph.icon.mouse-left-click { .icon(mouse-left-click); }
.ph.icon.mouse-middle-click { .icon(mouse-middle-click); }
.ph.icon.mouse-right-click { .icon(mouse-right-click); }
.ph.icon.mouse-scroll { .icon(mouse-scroll); }
.ph.icon.mouse-simple { .icon(mouse-simple); }
.ph.icon.mouse { .icon(mouse); }
.ph.icon.music-note-simple { .icon(music-note-simple); }
.ph.icon.music-note { .icon(music-note); }
.ph.icon.music-notes-minus { .icon(music-notes-minus); }
.ph.icon.music-notes-plus { .icon(music-notes-plus); }
.ph.icon.music-notes-simple { .icon(music-notes-simple); }
.ph.icon.music-notes { .icon(music-notes); }
.ph.icon.navigation-arrow { .icon(navigation-arrow); }
.ph.icon.needle { .icon(needle); }
.ph.icon.network-slash { .icon(network-slash); }
.ph.icon.network-x { .icon(network-x); }
.ph.icon.network { .icon(network); }
.ph.icon.newspaper-clipping { .icon(newspaper-clipping); }
.ph.icon.newspaper { .icon(newspaper); }
.ph.icon.not-equals { .icon(not-equals); }
.ph.icon.not-member-of { .icon(not-member-of); }
.ph.icon.not-subset-of { .icon(not-subset-of); }
.ph.icon.not-superset-of { .icon(not-superset-of); }
.ph.icon.notches { .icon(notches); }
.ph.icon.note-blank { .icon(note-blank); }
.ph.icon.note-pencil { .icon(note-pencil); }
.ph.icon.note { .icon(note); }
.ph.icon.notebook { .icon(notebook); }
.ph.icon.notepad { .icon(notepad); }
.ph.icon.notification { .icon(notification); }
.ph.icon.notion-logo { .icon(notion-logo); }
.ph.icon.nuclear-plant { .icon(nuclear-plant); }
.ph.icon.number-circle-eight { .icon(number-circle-eight); }
.ph.icon.number-circle-five { .icon(number-circle-five); }
.ph.icon.number-circle-four { .icon(number-circle-four); }
.ph.icon.number-circle-nine { .icon(number-circle-nine); }
.ph.icon.number-circle-one { .icon(number-circle-one); }
.ph.icon.number-circle-seven { .icon(number-circle-seven); }
.ph.icon.number-circle-six { .icon(number-circle-six); }
.ph.icon.number-circle-three { .icon(number-circle-three); }
.ph.icon.number-circle-two { .icon(number-circle-two); }
.ph.icon.number-circle-zero { .icon(number-circle-zero); }
.ph.icon.number-eight { .icon(number-eight); }
.ph.icon.number-five { .icon(number-five); }
.ph.icon.number-four { .icon(number-four); }
.ph.icon.number-nine { .icon(number-nine); }
.ph.icon.number-one { .icon(number-one); }
.ph.icon.number-seven { .icon(number-seven); }
.ph.icon.number-six { .icon(number-six); }
.ph.icon.number-square-eight { .icon(number-square-eight); }
.ph.icon.number-square-five { .icon(number-square-five); }
.ph.icon.number-square-four { .icon(number-square-four); }
.ph.icon.number-square-nine { .icon(number-square-nine); }
.ph.icon.number-square-one { .icon(number-square-one); }
.ph.icon.number-square-seven { .icon(number-square-seven); }
.ph.icon.number-square-six { .icon(number-square-six); }
.ph.icon.number-square-three { .icon(number-square-three); }
.ph.icon.number-square-two { .icon(number-square-two); }
.ph.icon.number-square-zero { .icon(number-square-zero); }
.ph.icon.number-three { .icon(number-three); }
.ph.icon.number-two { .icon(number-two); }
.ph.icon.number-zero { .icon(number-zero); }
.ph.icon.numpad { .icon(numpad); }
.ph.icon.nut { .icon(nut); }
.ph.icon.ny-times-logo { .icon(ny-times-logo); }
.ph.icon.octagon { .icon(octagon); }
.ph.icon.office-chair { .icon(office-chair); }
.ph.icon.onigiri { .icon(onigiri); }
.ph.icon.open-ai-logo { .icon(open-ai-logo); }
.ph.icon.option { .icon(option); }
.ph.icon.orange-slice { .icon(orange-slice); }
.ph.icon.orange { .icon(orange); }
.ph.icon.oven { .icon(oven); }
.ph.icon.package { .icon(package); }
.ph.icon.paint-brush-broad { .icon(paint-brush-broad); }
.ph.icon.paint-brush-household { .icon(paint-brush-household); }
.ph.icon.paint-brush { .icon(paint-brush); }
.ph.icon.paint-bucket { .icon(paint-bucket); }
.ph.icon.paint-roller { .icon(paint-roller); }
.ph.icon.palette { .icon(palette); }
.ph.icon.panorama { .icon(panorama); }
.ph.icon.pants { .icon(pants); }
.ph.icon.paper-plane-right { .icon(paper-plane-right); }
.ph.icon.paper-plane-tilt { .icon(paper-plane-tilt); }
.ph.icon.paper-plane { .icon(paper-plane); }
.ph.icon.paperclip-horizontal { .icon(paperclip-horizontal); }
.ph.icon.paperclip { .icon(paperclip); }
.ph.icon.parachute { .icon(parachute); }
.ph.icon.paragraph { .icon(paragraph); }
.ph.icon.parallelogram { .icon(parallelogram); }
.ph.icon.park { .icon(park); }
.ph.icon.password { .icon(password); }
.ph.icon.path { .icon(path); }
.ph.icon.patreon-logo { .icon(patreon-logo); }
.ph.icon.pause-circle { .icon(pause-circle); }
.ph.icon.pause { .icon(pause); }
.ph.icon.paw-print { .icon(paw-print); }
.ph.icon.paypal-logo { .icon(paypal-logo); }
.ph.icon.peace { .icon(peace); }
.ph.icon.pen-nib-straight { .icon(pen-nib-straight); }
.ph.icon.pen-nib { .icon(pen-nib); }
.ph.icon.pen { .icon(pen); }
.ph.icon.pencil-circle { .icon(pencil-circle); }
.ph.icon.pencil-line { .icon(pencil-line); }
.ph.icon.pencil-ruler { .icon(pencil-ruler); }
.ph.icon.pencil-simple-line { .icon(pencil-simple-line); }
.ph.icon.pencil-simple-slash { .icon(pencil-simple-slash); }
.ph.icon.pencil-simple { .icon(pencil-simple); }
.ph.icon.pencil-slash { .icon(pencil-slash); }
.ph.icon.pencil { .icon(pencil); }
.ph.icon.pentagon { .icon(pentagon); }
.ph.icon.pentagram { .icon(pentagram); }
.ph.icon.pepper { .icon(pepper); }
.ph.icon.percent { .icon(percent); }
.ph.icon.person-arms-spread { .icon(person-arms-spread); }
.ph.icon.person-simple-bike { .icon(person-simple-bike); }
.ph.icon.person-simple-circle { .icon(person-simple-circle); }
.ph.icon.person-simple-hike { .icon(person-simple-hike); }
.ph.icon.person-simple-run { .icon(person-simple-run); }
.ph.icon.person-simple-ski { .icon(person-simple-ski); }
.ph.icon.person-simple-snowboard { .icon(person-simple-snowboard); }
.ph.icon.person-simple-swim { .icon(person-simple-swim); }
.ph.icon.person-simple-tai-chi { .icon(person-simple-tai-chi); }
.ph.icon.person-simple-throw { .icon(person-simple-throw); }
.ph.icon.person-simple-walk { .icon(person-simple-walk); }
.ph.icon.person-simple { .icon(person-simple); }
.ph.icon.person { .icon(person); }
.ph.icon.perspective { .icon(perspective); }
.ph.icon.phone-call { .icon(phone-call); }
.ph.icon.phone-disconnect { .icon(phone-disconnect); }
.ph.icon.phone-incoming { .icon(phone-incoming); }
.ph.icon.phone-list { .icon(phone-list); }
.ph.icon.phone-outgoing { .icon(phone-outgoing); }
.ph.icon.phone-pause { .icon(phone-pause); }
.ph.icon.pho