@ritterim/platform-ui

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>platform-icons</title> <link rel="stylesheet" href="/dist/platform-icons.css"> <style> :root { --purple: #32225d; --light-purple: #604d9d; --lavender: #e5e5fa; } body { font-family: sans-serif; color: #333; padding: 3rem; text-align: center; } h1 { color: var(--purple); display: flex; align-items: center; justify-content: center; } .preview { width: 6rem; display: inline-flex; flex-direction: column; margin: .5rem; } .inner { display: flex; align-items: center; justify-content: center; background: var(--lavender); border-radius: .5rem .5rem 0 0; color: inherit; font-size: 2rem; line-height: 2.5; padding: .5rem; } .label { background: var(--light-purple); border-radius: 0 0 .5rem .5rem; color: white; cursor: pointer; font-size: .8rem; font-family: inherit; white-space: nowrap; overflow: hidden; padding: .5rem; text-overflow: ellipsis; } </style> <link rel="stylesheet" type="text/css" href="platform-icons.css" /> </head> <body> <h1><i class="pi-platform-ui"></i>platform-icons</h1> <div class="preview"> <span class="inner"> <i class="pi-angle-down-double"></i> </span> <span class="label" title="pi-angle-down-double - \f101"> pi-angle-down-double <br> \f101 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-angle-down"></i> </span> <span class="label" title="pi-angle-down - \f102"> pi-angle-down <br> \f102 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-angle-left"></i> </span> <span class="label" title="pi-angle-left - \f103"> pi-angle-left <br> \f103 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-angle-right"></i> </span> <span class="label" title="pi-angle-right - \f104"> pi-angle-right <br> \f104 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-angle-up"></i> </span> <span class="label" title="pi-angle-up - \f105"> pi-angle-up <br> \f105 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-arrow-down"></i> </span> <span class="label" title="pi-arrow-down - \f106"> pi-arrow-down <br> \f106 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-arrow-left"></i> </span> <span class="label" title="pi-arrow-left - \f107"> pi-arrow-left <br> \f107 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-arrow-right"></i> </span> <span class="label" title="pi-arrow-right - \f108"> pi-arrow-right <br> \f108 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-arrow-solid-down"></i> </span> <span class="label" title="pi-arrow-solid-down - \f109"> pi-arrow-solid-down <br> \f109 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-arrow-solid-left"></i> </span> <span class="label" title="pi-arrow-solid-left - \f10a"> pi-arrow-solid-left <br> \f10a </span> </div> <div class="preview"> <span class="inner"> <i class="pi-arrow-solid-right"></i> </span> <span class="label" title="pi-arrow-solid-right - \f10b"> pi-arrow-solid-right <br> \f10b </span> </div> <div class="preview"> <span class="inner"> <i class="pi-arrow-solid-up"></i> </span> <span class="label" title="pi-arrow-solid-up - \f10c"> pi-arrow-solid-up <br> \f10c </span> </div> <div class="preview"> <span class="inner"> <i class="pi-arrow-up"></i> </span> <span class="label" title="pi-arrow-up - \f10d"> pi-arrow-up <br> \f10d </span> </div> <div class="preview"> <span class="inner"> <i class="pi-asg"></i> </span> <span class="label" title="pi-asg - \f10e"> pi-asg <br> \f10e </span> </div> <div class="preview"> <span class="inner"> <i class="pi-asterisk"></i> </span> <span class="label" title="pi-asterisk - \f10f"> pi-asterisk <br> \f10f </span> </div> <div class="preview"> <span class="inner"> <i class="pi-award"></i> </span> <span class="label" title="pi-award - \f110"> pi-award <br> \f110 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-ban"></i> </span> <span class="label" title="pi-ban - \f111"> pi-ban <br> \f111 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-bandaid"></i> </span> <span class="label" title="pi-bandaid - \f112"> pi-bandaid <br> \f112 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-bank"></i> </span> <span class="label" title="pi-bank - \f113"> pi-bank <br> \f113 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-bell-multi"></i> </span> <span class="label" title="pi-bell-multi - \f114"> pi-bell-multi <br> \f114 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-bell"></i> </span> <span class="label" title="pi-bell - \f115"> pi-bell <br> \f115 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-binoculars"></i> </span> <span class="label" title="pi-binoculars - \f116"> pi-binoculars <br> \f116 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-bolt"></i> </span> <span class="label" title="pi-bolt - \f117"> pi-bolt <br> \f117 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-bomb"></i> </span> <span class="label" title="pi-bomb - \f118"> pi-bomb <br> \f118 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-book"></i> </span> <span class="label" title="pi-book - \f119"> pi-book <br> \f119 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-bookmark-solid"></i> </span> <span class="label" title="pi-bookmark-solid - \f1ca"> pi-bookmark-solid <br> \f1ca </span> </div> <div class="preview"> <span class="inner"> <i class="pi-bookmark"></i> </span> <span class="label" title="pi-bookmark - \f1cb"> pi-bookmark <br> \f1cb </span> </div> <div class="preview"> <span class="inner"> <i class="pi-books"></i> </span> <span class="label" title="pi-books - \f11a"> pi-books <br> \f11a </span> </div> <div class="preview"> <span class="inner"> <i class="pi-building"></i> </span> <span class="label" title="pi-building - \f11b"> pi-building <br> \f11b </span> </div> <div class="preview"> <span class="inner"> <i class="pi-bullhorn"></i> </span> <span class="label" title="pi-bullhorn - \f11c"> pi-bullhorn <br> \f11c </span> </div> <div class="preview"> <span class="inner"> <i class="pi-calculator"></i> </span> <span class="label" title="pi-calculator - \f11d"> pi-calculator <br> \f11d </span> </div> <div class="preview"> <span class="inner"> <i class="pi-calendar"></i> </span> <span class="label" title="pi-calendar - \f11e"> pi-calendar <br> \f11e </span> </div> <div class="preview"> <span class="inner"> <i class="pi-chart-bar"></i> </span> <span class="label" title="pi-chart-bar - \f11f"> pi-chart-bar <br> \f11f </span> </div> <div class="preview"> <span class="inner"> <i class="pi-chart-line-down"></i> </span> <span class="label" title="pi-chart-line-down - \f120"> pi-chart-line-down <br> \f120 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-chart-line-up"></i> </span> <span class="label" title="pi-chart-line-up - \f121"> pi-chart-line-up <br> \f121 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-chart-pie"></i> </span> <span class="label" title="pi-chart-pie - \f122"> pi-chart-pie <br> \f122 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-check-circle-solid"></i> </span> <span class="label" title="pi-check-circle-solid - \f123"> pi-check-circle-solid <br> \f123 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-check-circle"></i> </span> <span class="label" title="pi-check-circle - \f124"> pi-check-circle <br> \f124 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-check-square-solid"></i> </span> <span class="label" title="pi-check-square-solid - \f125"> pi-check-square-solid <br> \f125 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-check-square"></i> </span> <span class="label" title="pi-check-square - \f126"> pi-check-square <br> \f126 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-check"></i> </span> <span class="label" title="pi-check - \f127"> pi-check <br> \f127 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-circle-solid"></i> </span> <span class="label" title="pi-circle-solid - \f128"> pi-circle-solid <br> \f128 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-circle"></i> </span> <span class="label" title="pi-circle - \f129"> pi-circle <br> \f129 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-city"></i> </span> <span class="label" title="pi-city - \f12a"> pi-city <br> \f12a </span> </div> <div class="preview"> <span class="inner"> <i class="pi-clipboard-file"></i> </span> <span class="label" title="pi-clipboard-file - \f12b"> pi-clipboard-file <br> \f12b </span> </div> <div class="preview"> <span class="inner"> <i class="pi-clipboard"></i> </span> <span class="label" title="pi-clipboard - \f12c"> pi-clipboard <br> \f12c </span> </div> <div class="preview"> <span class="inner"> <i class="pi-clock"></i> </span> <span class="label" title="pi-clock - \f12d"> pi-clock <br> \f12d </span> </div> <div class="preview"> <span class="inner"> <i class="pi-cogs"></i> </span> <span class="label" title="pi-cogs - \f12e"> pi-cogs <br> \f12e </span> </div> <div class="preview"> <span class="inner"> <i class="pi-coin"></i> </span> <span class="label" title="pi-coin - \f12f"> pi-coin <br> \f12f </span> </div> <div class="preview"> <span class="inner"> <i class="pi-collapse"></i> </span> <span class="label" title="pi-collapse - \f130"> pi-collapse <br> \f130 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-credit-card-back"></i> </span> <span class="label" title="pi-credit-card-back - \f131"> pi-credit-card-back <br> \f131 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-dashboard"></i> </span> <span class="label" title="pi-dashboard - \f132"> pi-dashboard <br> \f132 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-decision"></i> </span> <span class="label" title="pi-decision - \f133"> pi-decision <br> \f133 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-dollar"></i> </span> <span class="label" title="pi-dollar - \f134"> pi-dollar <br> \f134 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-download-cloud"></i> </span> <span class="label" title="pi-download-cloud - \f135"> pi-download-cloud <br> \f135 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-download"></i> </span> <span class="label" title="pi-download - \f136"> pi-download <br> \f136 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-ear"></i> </span> <span class="label" title="pi-ear - \f137"> pi-ear <br> \f137 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-edit"></i> </span> <span class="label" title="pi-edit - \f138"> pi-edit <br> \f138 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-envelope-solid"></i> </span> <span class="label" title="pi-envelope-solid - \f139"> pi-envelope-solid <br> \f139 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-envelope"></i> </span> <span class="label" title="pi-envelope - \f13a"> pi-envelope <br> \f13a </span> </div> <div class="preview"> <span class="inner"> <i class="pi-eye-line"></i> </span> <span class="label" title="pi-eye-line - \f13b"> pi-eye-line <br> \f13b </span> </div> <div class="preview"> <span class="inner"> <i class="pi-eye"></i> </span> <span class="label" title="pi-eye - \f13c"> pi-eye <br> \f13c </span> </div> <div class="preview"> <span class="inner"> <i class="pi-facebook-alt"></i> </span> <span class="label" title="pi-facebook-alt - \f13d"> pi-facebook-alt <br> \f13d </span> </div> <div class="preview"> <span class="inner"> <i class="pi-facebook"></i> </span> <span class="label" title="pi-facebook - \f13e"> pi-facebook <br> \f13e </span> </div> <div class="preview"> <span class="inner"> <i class="pi-file-add"></i> </span> <span class="label" title="pi-file-add - \f13f"> pi-file-add <br> \f13f </span> </div> <div class="preview"> <span class="inner"> <i class="pi-file-attachment"></i> </span> <span class="label" title="pi-file-attachment - \f140"> pi-file-attachment <br> \f140 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-file-award"></i> </span> <span class="label" title="pi-file-award - \f141"> pi-file-award <br> \f141 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-file-cabinet"></i> </span> <span class="label" title="pi-file-cabinet - \f142"> pi-file-cabinet <br> \f142 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-file-copy"></i> </span> <span class="label" title="pi-file-copy - \f143"> pi-file-copy <br> \f143 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-file-form"></i> </span> <span class="label" title="pi-file-form - \f144"> pi-file-form <br> \f144 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-file-image"></i> </span> <span class="label" title="pi-file-image - \f145"> pi-file-image <br> \f145 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-file-pdf"></i> </span> <span class="label" title="pi-file-pdf - \f146"> pi-file-pdf <br> \f146 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-file-sign"></i> </span> <span class="label" title="pi-file-sign - \f147"> pi-file-sign <br> \f147 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-file-text-solid"></i> </span> <span class="label" title="pi-file-text-solid - \f148"> pi-file-text-solid <br> \f148 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-file-text"></i> </span> <span class="label" title="pi-file-text - \f149"> pi-file-text <br> \f149 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-filter"></i> </span> <span class="label" title="pi-filter - \f14a"> pi-filter <br> \f14a </span> </div> <div class="preview"> <span class="inner"> <i class="pi-flag"></i> </span> <span class="label" title="pi-flag - \f14b"> pi-flag <br> \f14b </span> </div> <div class="preview"> <span class="inner"> <i class="pi-folder-open"></i> </span> <span class="label" title="pi-folder-open - \f14c"> pi-folder-open <br> \f14c </span> </div> <div class="preview"> <span class="inner"> <i class="pi-folder"></i> </span> <span class="label" title="pi-folder - \f14d"> pi-folder <br> \f14d </span> </div> <div class="preview"> <span class="inner"> <i class="pi-full-screen"></i> </span> <span class="label" title="pi-full-screen - \f14e"> pi-full-screen <br> \f14e </span> </div> <div class="preview"> <span class="inner"> <i class="pi-gavel"></i> </span> <span class="label" title="pi-gavel - \f14f"> pi-gavel <br> \f14f </span> </div> <div class="preview"> <span class="inner"> <i class="pi-gear"></i> </span> <span class="label" title="pi-gear - \f150"> pi-gear <br> \f150 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-globe"></i> </span> <span class="label" title="pi-globe - \f151"> pi-globe <br> \f151 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-handshake"></i> </span> <span class="label" title="pi-handshake - \f152"> pi-handshake <br> \f152 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-headset"></i> </span> <span class="label" title="pi-headset - \f153"> pi-headset <br> \f153 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-heart-solid"></i> </span> <span class="label" title="pi-heart-solid - \f1cc"> pi-heart-solid <br> \f1cc </span> </div> <div class="preview"> <span class="inner"> <i class="pi-heart"></i> </span> <span class="label" title="pi-heart - \f1cd"> pi-heart <br> \f1cd </span> </div> <div class="preview"> <span class="inner"> <i class="pi-help-solid"></i> </span> <span class="label" title="pi-help-solid - \f154"> pi-help-solid <br> \f154 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-help"></i> </span> <span class="label" title="pi-help - \f155"> pi-help <br> \f155 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-hospital-small"></i> </span> <span class="label" title="pi-hospital-small - \f156"> pi-hospital-small <br> \f156 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-hospital"></i> </span> <span class="label" title="pi-hospital - \f157"> pi-hospital <br> \f157 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-house"></i> </span> <span class="label" title="pi-house - \f158"> pi-house <br> \f158 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-id-badge-alt"></i> </span> <span class="label" title="pi-id-badge-alt - \f159"> pi-id-badge-alt <br> \f159 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-id-badge"></i> </span> <span class="label" title="pi-id-badge - \f15a"> pi-id-badge <br> \f15a </span> </div> <div class="preview"> <span class="inner"> <i class="pi-info-solid"></i> </span> <span class="label" title="pi-info-solid - \f15b"> pi-info-solid <br> \f15b </span> </div> <div class="preview"> <span class="inner"> <i class="pi-info"></i> </span> <span class="label" title="pi-info - \f15c"> pi-info <br> \f15c </span> </div> <div class="preview"> <span class="inner"> <i class="pi-instagram"></i> </span> <span class="label" title="pi-instagram - \f15d"> pi-instagram <br> \f15d </span> </div> <div class="preview"> <span class="inner"> <i class="pi-key"></i> </span> <span class="label" title="pi-key - \f15e"> pi-key <br> \f15e </span> </div> <div class="preview"> <span class="inner"> <i class="pi-keyboard-key"></i> </span> <span class="label" title="pi-keyboard-key - \f15f"> pi-keyboard-key <br> \f15f </span> </div> <div class="preview"> <span class="inner"> <i class="pi-keyboard"></i> </span> <span class="label" title="pi-keyboard - \f160"> pi-keyboard <br> \f160 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-learn"></i> </span> <span class="label" title="pi-learn - \f161"> pi-learn <br> \f161 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-light-bulb-off"></i> </span> <span class="label" title="pi-light-bulb-off - \f162"> pi-light-bulb-off <br> \f162 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-light-bulb-on"></i> </span> <span class="label" title="pi-light-bulb-on - \f163"> pi-light-bulb-on <br> \f163 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-link-external-small"></i> </span> <span class="label" title="pi-link-external-small - \f164"> pi-link-external-small <br> \f164 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-link-external"></i> </span> <span class="label" title="pi-link-external - \f165"> pi-link-external <br> \f165 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-link"></i> </span> <span class="label" title="pi-link - \f166"> pi-link <br> \f166 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-linkedin"></i> </span> <span class="label" title="pi-linkedin - \f167"> pi-linkedin <br> \f167 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-list-check"></i> </span> <span class="label" title="pi-list-check - \f168"> pi-list-check <br> \f168 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-list"></i> </span> <span class="label" title="pi-list - \f169"> pi-list <br> \f169 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-lock-open-solid"></i> </span> <span class="label" title="pi-lock-open-solid - \f16a"> pi-lock-open-solid <br> \f16a </span> </div> <div class="preview"> <span class="inner"> <i class="pi-lock-open"></i> </span> <span class="label" title="pi-lock-open - \f16b"> pi-lock-open <br> \f16b </span> </div> <div class="preview"> <span class="inner"> <i class="pi-lock-solid"></i> </span> <span class="label" title="pi-lock-solid - \f16c"> pi-lock-solid <br> \f16c </span> </div> <div class="preview"> <span class="inner"> <i class="pi-lock"></i> </span> <span class="label" title="pi-lock - \f16d"> pi-lock <br> \f16d </span> </div> <div class="preview"> <span class="inner"> <i class="pi-login"></i> </span> <span class="label" title="pi-login - \f16e"> pi-login <br> \f16e </span> </div> <div class="preview"> <span class="inner"> <i class="pi-logout"></i> </span> <span class="label" title="pi-logout - \f16f"> pi-logout <br> \f16f </span> </div> <div class="preview"> <span class="inner"> <i class="pi-magic-wand"></i> </span> <span class="label" title="pi-magic-wand - \f170"> pi-magic-wand <br> \f170 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-magnet"></i> </span> <span class="label" title="pi-magnet - \f171"> pi-magnet <br> \f171 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-map-marker"></i> </span> <span class="label" title="pi-map-marker - \f172"> pi-map-marker <br> \f172 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-map"></i> </span> <span class="label" title="pi-map - \f173"> pi-map <br> \f173 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-mastodon"></i> </span> <span class="label" title="pi-mastodon - \f1ce"> pi-mastodon <br> \f1ce </span> </div> <div class="preview"> <span class="inner"> <i class="pi-medicare-card"></i> </span> <span class="label" title="pi-medicare-card - \f174"> pi-medicare-card <br> \f174 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-medicareful"></i> </span> <span class="label" title="pi-medicareful - \f175"> pi-medicareful <br> \f175 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-menu"></i> </span> <span class="label" title="pi-menu - \f176"> pi-menu <br> \f176 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-merge"></i> </span> <span class="label" title="pi-merge - \f177"> pi-merge <br> \f177 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-minus"></i> </span> <span class="label" title="pi-minus - \f178"> pi-minus <br> \f178 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-mouse-pointer"></i> </span> <span class="label" title="pi-mouse-pointer - \f179"> pi-mouse-pointer <br> \f179 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-note-solid"></i> </span> <span class="label" title="pi-note-solid - \f17a"> pi-note-solid <br> \f17a </span> </div> <div class="preview"> <span class="inner"> <i class="pi-note"></i> </span> <span class="label" title="pi-note - \f17b"> pi-note <br> \f17b </span> </div> <div class="preview"> <span class="inner"> <i class="pi-paper-clip"></i> </span> <span class="label" title="pi-paper-clip - \f17c"> pi-paper-clip <br> \f17c </span> </div> <div class="preview"> <span class="inner"> <i class="pi-paper-plane-solid"></i> </span> <span class="label" title="pi-paper-plane-solid - \f17d"> pi-paper-plane-solid <br> \f17d </span> </div> <div class="preview"> <span class="inner"> <i class="pi-paper-plane"></i> </span> <span class="label" title="pi-paper-plane - \f17e"> pi-paper-plane <br> \f17e </span> </div> <div class="preview"> <span class="inner"> <i class="pi-pause"></i> </span> <span class="label" title="pi-pause - \f17f"> pi-pause <br> \f17f </span> </div> <div class="preview"> <span class="inner"> <i class="pi-pencil"></i> </span> <span class="label" title="pi-pencil - \f180"> pi-pencil <br> \f180 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-phone-mobile"></i> </span> <span class="label" title="pi-phone-mobile - \f181"> pi-phone-mobile <br> \f181 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-phone"></i> </span> <span class="label" title="pi-phone - \f182"> pi-phone <br> \f182 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-pill-bottle-alt"></i> </span> <span class="label" title="pi-pill-bottle-alt - \f183"> pi-pill-bottle-alt <br> \f183 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-pill-bottle-solid"></i> </span> <span class="label" title="pi-pill-bottle-solid - \f184"> pi-pill-bottle-solid <br> \f184 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-pill-bottle"></i> </span> <span class="label" title="pi-pill-bottle - \f185"> pi-pill-bottle <br> \f185 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-pills"></i> </span> <span class="label" title="pi-pills - \f186"> pi-pills <br> \f186 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-pinterest"></i> </span> <span class="label" title="pi-pinterest - \f187"> pi-pinterest <br> \f187 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-platform-ui"></i> </span> <span class="label" title="pi-platform-ui - \f188"> pi-platform-ui <br> \f188 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-play-circle"></i> </span> <span class="label" title="pi-play-circle - \f189"> pi-play-circle <br> \f189 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-play-monitor"></i> </span> <span class="label" title="pi-play-monitor - \f18a"> pi-play-monitor <br> \f18a </span> </div> <div class="preview"> <span class="inner"> <i class="pi-play"></i> </span> <span class="label" title="pi-play - \f18b"> pi-play <br> \f18b </span> </div> <div class="preview"> <span class="inner"> <i class="pi-plug"></i> </span> <span class="label" title="pi-plug - \f18c"> pi-plug <br> \f18c </span> </div> <div class="preview"> <span class="inner"> <i class="pi-plus-circle-solid"></i> </span> <span class="label" title="pi-plus-circle-solid - \f18d"> pi-plus-circle-solid <br> \f18d </span> </div> <div class="preview"> <span class="inner"> <i class="pi-plus-circle"></i> </span> <span class="label" title="pi-plus-circle - \f18e"> pi-plus-circle <br> \f18e </span> </div> <div class="preview"> <span class="inner"> <i class="pi-plus"></i> </span> <span class="label" title="pi-plus - \f18f"> pi-plus <br> \f18f </span> </div> <div class="preview"> <span class="inner"> <i class="pi-podbean"></i> </span> <span class="label" title="pi-podbean - \f190"> pi-podbean <br> \f190 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-podcast"></i> </span> <span class="label" title="pi-podcast - \f191"> pi-podcast <br> \f191 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-power-off"></i> </span> <span class="label" title="pi-power-off - \f192"> pi-power-off <br> \f192 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-power-on"></i> </span> <span class="label" title="pi-power-on - \f193"> pi-power-on <br> \f193 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-printer"></i> </span> <span class="label" title="pi-printer - \f1c9"> pi-printer <br> \f1c9 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-puzzle-piece"></i> </span> <span class="label" title="pi-puzzle-piece - \f194"> pi-puzzle-piece <br> \f194 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-quill"></i> </span> <span class="label" title="pi-quill - \f195"> pi-quill <br> \f195 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-radio-button"></i> </span> <span class="label" title="pi-radio-button - \f196"> pi-radio-button <br> \f196 </span> </div> <div class="preview"> <span class="inner"> <i class="pi-redo-clock"></i> </span> <span class="label" title="pi-redo-clock - \f197"> pi-redo-clock <br> \f197 </span> </div> <div class="preview"> <span class="inner">