- Catalogs
- Colors
- Emoji
- Icons and Images
- Project Builtin Images
- General
- Action Panel
- Bars
- Big Info View
- Box
- Button Bar
- Buttons
- Image Masks
- Info View
- Lists
- Multiple Column Layouts
- Object Item List
- Pager
- Property List
- Responsive left-right table
- Status List
- Tags
- Timeline View
- Typeaheads
- PHUIX
- PHUIX Components
- Single Use
- Badge
- Feed Story
- Hovercard
- Setup Issue
- Technical
- Gestures
- Notifications
- Remarkup
UIExamples Icons and Images
Icons and Images (PHUIIconExample)
Easily render icons or images with links and sprites.
Font Awesome 6.0.0 - https://fontawesome.com
Font Awesome 6.0.0 - https://fontawesome.com
fa-500pxfa-address-bookfa-address-bookfa-address-cardfa-address-cardfa-adjustfa-adnfa-align-centerfa-align-justifyfa-align-leftfa-align-rightfa-amazonfa-ambulancefa-american-sign-language-interpretingfa-anchorfa-androidfa-angellistfa-angle-double-downfa-angle-double-leftfa-angle-double-rightfa-angle-double-upfa-angle-downfa-angle-leftfa-angle-rightfa-angle-upfa-applefa-archivefa-area-chartfa-arrow-circle-downfa-arrow-circle-downfa-arrow-circle-leftfa-arrow-circle-leftfa-arrow-circle-rightfa-arrow-circle-rightfa-arrow-circle-upfa-arrow-circle-upfa-arrow-downfa-arrow-leftfa-arrow-rightfa-arrow-upfa-arrowsfa-arrows-altfa-arrows-hfa-arrows-vfa-asl-interpretingfa-assistive-listening-systemsfa-asteriskfa-atfa-audio-descriptionfa-automobilefa-backwardfa-balance-scalefa-banfa-bandcampfa-bankfa-bar-chartfa-barcodefa-barsfa-bathfa-bathtubfa-battery-0fa-battery-1fa-battery-2fa-battery-3fa-battery-4fa-battery-emptyfa-battery-fullfa-battery-halffa-battery-quarterfa-battery-three-quartersfa-bedfa-beerfa-behancefa-behance-squarefa-bellfa-bellfa-bell-slashfa-bell-slashfa-bicyclefa-binocularsfa-birthday-cakefa-bitbucketfa-bitbucket-squarefa-black-tiefa-blindfa-bluetoothfa-bluetooth-bfa-boldfa-boltfa-bombfa-bookfa-bookmarkfa-bookmarkfa-boxfa-braillefa-briefcasefa-btcfa-bugfa-buildingfa-buildingfa-bullhornfa-bullseyefa-busfa-buyselladsfa-cabfa-calculatorfa-calendarfa-calendarfa-calendar-checkfa-calendar-minusfa-calendar-plusfa-calendar-timesfa-camerafa-camera-retrofa-carfa-caret-downfa-caret-leftfa-caret-rightfa-caret-square-downfa-caret-square-leftfa-caret-square-rightfa-caret-square-upfa-caret-upfa-cart-arrow-downfa-cart-plusfa-ccfa-cc-amexfa-cc-diners-clubfa-cc-discoverfa-cc-jcbfa-cc-mastercardfa-cc-paypalfa-cc-stripefa-cc-visafa-certificatefa-chain-brokenfa-checkfa-check-circlefa-check-circlefa-check-squarefa-check-squarefa-chevron-circle-downfa-chevron-circle-leftfa-chevron-circle-rightfa-chevron-circle-upfa-chevron-downfa-chevron-leftfa-chevron-rightfa-chevron-upfa-childfa-chromefa-circlefa-circlefa-circle-notchfa-circle-thinfa-clipboardfa-clockfa-clonefa-cloudfa-cloud-downloadfa-cloud-uploadfa-codefa-code-forkfa-codepenfa-codiepie:beforefa-coffeefa-cogfa-cogsfa-columnsfa-commentfa-commentfa-commentingfa-commentingfa-commentsfa-commentsfa-compassfa-compressfa-connectdevelopfa-contaofa-copyrightfa-creative-commonsfa-credit-cardfa-credit-card-altfa-cropfa-crosshairsfa-css3fa-cubefa-cubesfa-cutleryfa-dashcubefa-databasefa-deaffa-deafnessfa-deliciousfa-desktopfa-deviantartfa-diamondfa-diggfa-discordfa-dot-circlefa-downloadfa-dribbblefa-drivers-licensefa-drivers-licensefa-dropboxfa-drupalfa-edgefa-eercastfa-ejectfa-ellipsis-hfa-ellipsis-vfa-empirefa-envelopefa-envelopefa-envelope-openfa-envelope-squarefa-envelopepenfa-envirafa-eraserfa-etsyfa-eurfa-exchangefa-exclamationfa-exclamation-circlefa-exclamation-trianglefa-expandfa-expeditedsslfa-external-linkfa-external-link-squarefa-eyefa-eye-slashfa-eyedropperfa-fafa-facebookfa-facebook-squarefa-facebookfficialfa-fast-backwardfa-fast-forwardfa-faxfa-femalefa-fighter-jetfa-filefa-filefa-file-archivefa-file-codefa-file-excelfa-file-imagefa-file-moviefa-file-pdffa-file-photofa-file-picturefa-file-powerpointfa-file-soundfa-file-textfa-file-textfa-file-wordfa-file-zipfa-filesfa-filmfa-filterfa-firefa-fire-extinguisherfa-firefoxfa-firstrderfa-flagfa-flagfa-flag-checkeredfa-flaskfa-flickrfa-folderfa-folderfa-folder-openfa-folderpenfa-fontfa-font-awesomefa-fonticonsfa-fort-awesomefa-forumbeefa-forwardfa-foursquarefa-free-code-campfa-frownfa-futbolfa-gamepadfa-gavelfa-gbpfa-get-pocketfa-ggfa-gg-circlefa-giftfa-gitfa-gitfa-git-squarefa-githubfa-github-altfa-github-squarefa-gitlabfa-gittipfa-glassfa-glidefa-glide-gfa-globefa-googlefa-google-plusfa-google-plus-circlefa-google-plus-squarefa-google-plusfficialfa-google-walletfa-graduation-capfa-gravfa-h-squarefa-hacker-newsfa-hacker-newsfa-hand-downfa-hand-grabfa-hand-leftfa-hand-lizardfa-hand-paperfa-hand-peacefa-hand-pointerfa-hand-rightfa-hand-rockfa-hand-scissorsfa-hand-spockfa-hand-stopfa-hand-upfa-handshakefa-hardf-hearingfa-hashtagfa-hddfa-headerfa-headphonesfa-heartfa-heartfa-heartbeatfa-historyfa-homefa-hospitalfa-hotelfa-hourglassfa-hourglassfa-hourglass-1fa-hourglass-2fa-hourglass-3fa-hourglass-endfa-hourglass-halffa-hourglass-startfa-houzzfa-html5fa-i-cursorfa-id-badgefa-id-cardfa-id-cardfa-ilsfa-imagefa-imdbfa-inboxfa-indentfa-industryfa-infofa-info-circlefa-inrfa-instagramfa-institutionfa-internet-explorerfa-ioxhostfa-italicfa-joomlafa-jpyfa-jsfiddlefa-keyfa-keyboardfa-krwfa-languagefa-laptopfa-lastfmfa-lastfm-squarefa-leaffa-leanpubfa-lemonfa-level-downfa-level-upfa-life-bouyfa-life-ringfa-lightbulbfa-line-chartfa-linkfa-linkedinfa-linkedin-squarefa-linodefa-linuxfa-listfa-list-altfa-list-ulfa-listlfa-location-arrowfa-lockfa-long-arrow-downfa-long-arrow-leftfa-long-arrow-rightfa-long-arrow-upfa-low-visionfa-magicfa-magnetfa-mail-reply-allfa-malefa-mapfa-mapfa-map-markerfa-map-pinfa-map-signsfa-marsfa-mars-doublefa-mars-strokefa-mars-stroke-hfa-mars-stroke-vfa-maxcdnfa-meanpathfa-mediumfa-medkitfa-meetupfa-mehfa-mercuryfa-microchipfa-microphonefa-microphone-slashfa-minusfa-minus-circlefa-minus-squarefa-minus-squarefa-mixcloudfa-mobilefa-modxfa-moneyfa-monitor-waveformfa-moonfa-mortar-boardfa-motorcyclefa-mouse-pointerfa-musicfa-neuterfa-newspaperfa-object-groupfa-object-ungroupfa-odnoklassnikifa-odnoklassniki-squarefa-opencartfa-openidfa-operafa-optin-monsterfa-outdentfa-pagelinesfa-paint-brushfa-paper-planefa-paper-planefa-paperclipfa-paragraphfa-pausefa-pause-circlefa-pause-circlefa-pawfa-paypalfa-pencilfa-pencil-squarefa-pencil-squarefa-percentfa-phonefa-phone-squarefa-pie-chartfa-pied-piperfa-pied-piper-ppfa-pied-piper-squarefa-pinterestfa-pinterest-pfa-pinterest-squarefa-planefa-playfa-play-circlefa-play-circlefa-plugfa-plusfa-plus-circlefa-plus-squarefa-plus-squarefa-podcastfa-powerfffa-printfa-product-huntfa-puzzlefa-puzzle-piecefa-qqfa-qrcodefa-questionfa-question-circlefa-question-circlefa-quorafa-quote-leftfa-quote-rightfa-randomfa-ravelryfa-rebelfa-recyclefa-redditfa-reddit-alienfa-reddit-squarefa-refreshfa-registeredfa-renrenfa-repeatfa-replyfa-reply-allfa-retweetfa-roadfa-rocketfa-rssfa-rss-squarefa-rubfa-s15fa-safarifa-scissorsfa-scribdfa-searchfa-search-minusfa-search-plusfa-sellsyfa-sendfa-sendfa-serverfa-sharefa-share-altfa-share-alt-squarefa-share-squarefa-share-squarefa-shekelfa-sheqelfa-shieldfa-shipfa-shirtsinbulkfa-shopping-bagfa-shopping-basketfa-shopping-cartfa-showerfa-sign-infa-sign-languagefa-signalfa-signingfa-signutfa-simplybuiltfa-sitemapfa-skyatlasfa-skypefa-slackfa-slidersfa-slidesharefa-smilefa-snapchatfa-snapchat-ghostfa-snapchat-squarefa-snowflakefa-soccer-ballfa-sortfa-sort-alpha-ascfa-sort-alpha-descfa-sort-amount-ascfa-sort-amount-descfa-sort-ascfa-sort-descfa-sort-numeric-ascfa-sort-numeric-descfa-soundcloudfa-space-shuttlefa-spinnerfa-spoonfa-spotifyfa-squarefa-squarefa-stack-exchangefa-stackverflowfa-starfa-starfa-star-halffa-star-halffa-steamfa-steam-squarefa-step-backwardfa-step-forwardfa-stethoscopefa-sticky-notefa-sticky-notefa-stopfa-stop-circlefa-stop-circlefa-street-viewfa-strikethroughfa-stumbleuponfa-stumbleupon-circlefa-subscriptfa-subwayfa-suitcasefa-sunfa-superpowersfa-superscriptfa-supportfa-tablefa-tabletfa-tachometerfa-tagfa-tagsfa-tasksfa-telegramfa-televisionfa-tencent-weibofa-terminalfa-text-heightfa-text-widthfa-thfa-th-largefa-th-listfa-themeislefa-thermometerfa-thermometer-0:fa-thermometer-1fa-thermometer-2fa-thermometer-3fa-thermometer-4fa-thermometer-emptyfa-thermometer-fullfa-thermometer-halffa-thermometer-quarterfa-thermometer-three-quartersfa-thumb-tackfa-thumbs-downfa-thumbs-downfa-thumbs-upfa-thumbs-upfa-ticketfa-timesfa-times-circlefa-times-circlefa-times-rectanglefa-times-rectanglefa-tintfa-togglefffa-togglenfa-trademarkfa-trainfa-transgenderfa-transgender-altfa-trashfa-trashfa-treefa-trellofa-tripadvisorfa-trophyfa-truckfa-tryfa-ttyfa-tumblrfa-tumblr-squarefa-tvfa-twitchfa-twitterfa-twitter-squarefa-umbrellafa-underlinefa-undofa-universal-accessfa-universityfa-unlockfa-unlock-altfa-uploadfa-usbfa-usdfa-userfa-user-circlefa-user-circlefa-user-mdfa-user-plusfa-user-secretfa-user-timesfa-user:beforefa-usersfa-vcardfa-vcardfa-venusfa-venus-doublefa-venus-marsfa-viacoinfa-viadeofa-viadeo-squarefa-video-camerafa-vimeofa-vimeo-squarefa-vinefa-vkfa-volume-control-phonefa-volume-downfa-volume-upfa-volumefffa-wechatfa-weibofa-whatsappfa-wheelchairfa-wheelchair-altfa-wififa-wikipedia-wfa-window-closefa-window-closefa-window-maximizefa-window-minimizefa-window-restorefa-windowsfa-wordpressfa-wpbeginnerfa-wpexplorerfa-wpformsfa-wrenchfa-xingfa-xing-squarefa-y-combinatorfa-y-combinator-squarefa-yahoofa-ycfa-yc-squarefa-yelpfa-yoastfa-youtubefa-youtube-playfa-youtube-square
Colors and Transforms
Colors and Transforms
fa-tag fa-tag bluegreyfa-tag whitefa-tag redfa-tag orangefa-tag yellowfa-tag greenfa-tag bluefa-tag skyfa-tag indigofa-tag violetfa-tag pinkfa-tag lightgreytextfa-tag lightbluetext
Tokens
Tokens
Authentication
Authentication