├── .gitignore
├── LICENSE
├── build-umd-esm
    ├── favicon.ico
    ├── style.css
    ├── vue3-icon-picker.es.js
    └── vue3-icon-picker.umd.js
├── index.html
├── package.json
├── public
    └── favicon.ico
├── readme.md
├── src
    ├── App.vue
    ├── assets
    │   ├── css
    │   │   └── style.css
    │   └── logo.png
    ├── components
    │   ├── Vue3IconPicker.vue
    │   └── data
    │   │   └── fonts.js
    ├── entry.js
    └── main.js
└── vite.config.js


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .DS_Store
3 | dist
4 | dist-ssr
5 | *.local


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2021 Hasin Hayder
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/build-umd-esm/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hasinhayder/vue3-icon-picker/0e62cf74d2fe9d549d6c126f2899040cbee4471e/build-umd-esm/favicon.ico


--------------------------------------------------------------------------------
/build-umd-esm/style.css:
--------------------------------------------------------------------------------
1 | .vue3-icon-picker[data-v-02a817ad]{cursor:pointer}button.select-icon[data-v-02a817ad]{padding:20px;border-radius:5px;background-color:#70b2dc;font-size:22px;cursor:pointer}.icon-picker-wrap ul[data-v-02a817ad]{list-style:none;margin:0;padding:0;display:inline-flex}.icon-picker-wrap ul li[data-v-02a817ad]{border:2px solid #ddd;line-height:1;font-size:20px;cursor:pointer;padding:5px}.icon-picker-wrap ul li i[data-v-02a817ad]{font-size:68px;line-height:1;margin:0}.icon-picker-wrap ul li[data-v-02a817ad]:nth-child(2){border-left:0}.aim-close[data-v-02a817ad]{opacity:0;visibility:hidden;transition:all .4s ease-in-out}.aim-open[data-v-02a817ad]{opacity:1;visibility:visible;transition:all .4s ease-in-out}.aim-modal[data-v-02a817ad]{position:fixed;height:100%;width:100%;bottom:0;left:0;background-color:rgba(0,0,0,.6);z-index:9999;user-select:none;display:flex;align-items:center}.aim-modal .aim-modal--content[data-v-02a817ad]{position:absolute;border-radius:3px;box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);overflow:hidden;font-family:Roboto,Arial,Helvetica,Verdana,sans-serif;background-color:#f1f3f5;width:100%;margin:auto;left:0;right:0}.aim-modal .aim-modal--header[data-v-02a817ad]{padding:15px 15px;background-color:#fff;box-shadow:0 0 8px rgb(0 0 0 / 10%);position:relative;z-index:1;font-size:15px;color:#495157;font-weight:500;display:flex;align-items:center;justify-content:space-between}.aim-modal--header-logo-title[data-v-02a817ad]{padding-top:2px;line-height:1;text-transform:uppercase;font-weight:700;cursor:pointer}.aim-modal--header-close-btn[data-v-02a817ad]{cursor:pointer}.aim-modal--header-close-btn i[data-v-02a817ad]{font-size:22px}.aim-modal--body[data-v-02a817ad]{font-size:12px;line-height:1.5;box-sizing:border-box;padding:0;height:700px;display:flex;min-height:50px;max-height:85vh;overflow:auto}.aim-modal--sidebar[data-v-02a817ad]{-ms-flex-negative:0;flex-shrink:0;width:25%;background-color:hsla(0,0%,100%,.3)}.aim-modal--sidebar-tabs[data-v-02a817ad]{margin-top:30px}.aim-modal--sidebar-tab-item[data-v-02a817ad]{padding:15px 0 15px 45px;font-size:14px;color:#6d7882;text-align:left;cursor:pointer;position:relative;display:flex;align-items:center;text-transform:capitalize}.aim-modal--sidebar-tab-item i[data-v-02a817ad]{font-size:20px;padding-right:15px;color:#a4afb7}.aim-modal--sidebar-tab-item.aesthetic-active[data-v-02a817ad]{background-color:#fff;-webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.1);box-shadow:0 6px 20px 0 rgba(0,0,0,.1)}.aim-modal--sidebar-tab-item.aesthetic-active[data-v-02a817ad]:after{content:"";position:absolute;height:100%;width:5px;top:0;left:0;background-color:#71d7f7}.aim-modal--sidebar-tab-item.aesthetic-active i[data-v-02a817ad]{color:#71d7f7}.aim-modal--icon-preview-wrap[data-v-02a817ad]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 80px 0;width:75%}.aim-modal--icon-preview-inner[data-v-02a817ad]{overflow:auto;margin:25px -15px 0;padding:0 15px 15px}.aim-modal--icon-preview[data-v-02a817ad]{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:20px;margin:20px 0}.aim-modal--icon-search[data-v-02a817ad]{position:relative}.aim-modal--icon-search input[data-v-02a817ad]{width:calc(100% - 30px);padding:8px 15px;background-color:#fff;border:none}.aim-modal--icon-search input[data-v-02a817ad]::-webkit-input-placeholder{font-style:italic}.aim-modal--icon-search input[data-v-02a817ad]::-moz-placeholder{font-style:italic}.aim-modal--icon-search input[data-v-02a817ad]::-ms-input-placeholder{font-style:italic}.aim-modal--icon-search input[data-v-02a817ad]::placeholder{font-style:italic}.aim-modal--icon-search i[data-v-02a817ad]{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:15px}.aim-icon-item[data-v-02a817ad]{position:relative;padding:10px;background-color:#fff;-webkit-box-shadow:0 1px 12px rgba(0,0,0,.05);box-shadow:0 1px 12px rgba(0,0,0,.05);-webkit-border-radius:3px;border-radius:3px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;overflow:hidden}.aim-icon-item[data-v-02a817ad]:hover{-webkit-box-shadow:0 1px 14px rgba(0,0,0,.16);box-shadow:0 1px 14px rgba(0,0,0,.16)}.aim-icon-item.aesthetic-selected[data-v-02a817ad]{-webkit-box-shadow:0 1px 12px rgba(0,0,0,.05),0 0 0 3px #71d7f7;box-shadow:0 1px 12px rgba(0,0,0,.05),0 0 0 3px #71d7f7}.aim-icon-item-inner[data-v-02a817ad]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1px}.aim-icon-item-inner i[data-v-02a817ad],.aim-icon-item__icon[data-v-02a817ad]{font-size:25px;color:#6d7882}.aim-icon-item-name[data-v-02a817ad]{color:#c2cbd2;font-size:11px;padding:13px 20px 0;max-width:100%;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;text-transform:capitalize}.aim-modal .aim-modal--footer[data-v-02a817ad]{border-top:1px solid #e6e9ec;text-align:center;background-color:#fff;border:none;display:none;justify-content:flex-end;padding:5px;box-shadow:0 0 8px rgba(0,0,0,.1);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.aim-modal--footer button.aim-insert-icon-button[data-v-02a817ad]{padding:10px 35px;color:#fff;font-size:15px;background-color:#39b54a;border:none;cursor:pointer;outline:0}.aim-modal .aim-modal--footer .aesthetic-button[data-v-02a817ad]{height:40px;margin-left:5px}.aim-modal .aim-modal--footer .aesthetic-button-success[data-v-02a817ad]{padding:12px 36px;color:#fff;width:initial;font-size:15px}.aim-modal .aim-modal--footer .aesthetic-button-success[data-v-02a817ad]:hover{background-color:#39b54a}.aim-sidebar-preview[data-v-02a817ad]{position:absolute;bottom:50px;width:300px}.aim-sidebar-preview .aim-icon-item[data-v-02a817ad]{height:200px}.aim-sidebar-preview .aim-icon-item-inner i[data-v-02a817ad]{padding-top:10px;font-size:120px}.aim-sidebar-preview .aim-icon-item-name[data-v-02a817ad]{padding-top:20px;font-size:20px;color:#444;text-transform:lowercase}@media (max-width:1439px){.aim-modal .aim-modal--content[data-v-02a817ad]{max-width:990px}}@media (min-width:1440px){.aim-modal .aim-modal--content[data-v-02a817ad]{max-width:1200px}}@media (max-width:1439px){.aim-modal--icon-preview-wrap[data-v-02a817ad]{padding:30px 50px 0}}@media (max-width:479px){.aim-modal--icon-preview-wrap[data-v-02a817ad]{width:100%}}@media (max-width:1439px){.aim-modal--icon-preview[data-v-02a817ad]{grid-template-columns:repeat(6,1fr)}}@media (max-width:1024px){.aim-modal--icon-preview[data-v-02a817ad]{grid-template-columns:repeat(5,1fr)}}@media (max-width:767px){.aim-modal--icon-preview[data-v-02a817ad]{grid-template-columns:repeat(4,1fr)}}@media (max-width:479px){.aim-modal--icon-preview[data-v-02a817ad]{grid-template-columns:repeat(3,1fr)}}@media (max-width:479px){.aim-modal--sidebar[data-v-02a817ad]{display:none}}@media (max-width:1439px){.aim-modal--sidebar-tab-item[data-v-02a817ad]{padding:15px 15px 15px 25px;font-size:11px}.aim-modal--sidebar-tab-item i[data-v-02a817ad]{font-size:15px}}@media (max-width:1024px){.aim-modal--sidebar-tab-item i[data-v-02a817ad]{display:none}}


--------------------------------------------------------------------------------
/build-umd-esm/vue3-icon-picker.es.js:
--------------------------------------------------------------------------------
1 | import{ref as a,computed as f,pushScopeId as s,popScopeId as e,openBlock as r,createBlock as i,Fragment as l,createVNode as o,mergeProps as t,toDisplayString as n,renderList as c,withDirectives as b,vModelText as d,createCommentVNode as p,withScopeId as u}from"vue";var m={fontAwesome:{title:"Font Awesome",variants:{regular:{title:"Regular",prefix:"far fa-",iconstyle:"fa-regular",listicon:"fab fa-font-awesome-alt",icons:["far fa-address-book","far fa-address-card","far fa-angry","far fa-arrow-alt-circle-down","far fa-arrow-alt-circle-left","far fa-arrow-alt-circle-right","far fa-arrow-alt-circle-up","far fa-bell","far fa-bell-slash","far fa-bookmark","far fa-building","far fa-calendar","far fa-calendar-alt","far fa-calendar-check","far fa-calendar-minus","far fa-calendar-plus","far fa-calendar-times","far fa-caret-square-down","far fa-caret-square-left","far fa-caret-square-right","far fa-caret-square-up","far fa-chart-bar","far fa-check-circle","far fa-check-square","far fa-circle","far fa-clipboard","far fa-clock","far fa-clone","far fa-closed-captioning","far fa-comment","far fa-comment-alt","far fa-comment-dots","far fa-comments","far fa-compass","far fa-copy","far fa-copyright","far fa-credit-card","far fa-dizzy","far fa-dot-circle","far fa-edit","far fa-envelope","far fa-envelope-open","far fa-eye","far fa-eye-slash","far fa-file","far fa-file-alt","far fa-file-archive","far fa-file-audio","far fa-file-code","far fa-file-excel","far fa-file-image","far fa-file-pdf","far fa-file-powerpoint","far fa-file-video","far fa-file-word","far fa-flag","far fa-flushed","far fa-folder","far fa-folder-open","far fa-frown","far fa-frown-open","far fa-futbol","far fa-gem","far fa-grimace","far fa-grin","far fa-grin-alt","far fa-grin-beam","far fa-grin-beam-sweat","far fa-grin-hearts","far fa-grin-squint","far fa-grin-squint-tears","far fa-grin-stars","far fa-grin-tears","far fa-grin-tongue","far fa-grin-tongue-squint","far fa-grin-tongue-wink","far fa-grin-wink","far fa-hand-lizard","far fa-hand-paper","far fa-hand-peace","far fa-hand-point-down","far fa-hand-point-left","far fa-hand-point-right","far fa-hand-point-up","far fa-hand-pointer","far fa-hand-rock","far fa-hand-scissors","far fa-hand-spock","far fa-handshake","far fa-hdd","far fa-heart","far fa-hospital","far fa-hourglass","far fa-id-badge","far fa-id-card","far fa-image","far fa-images","far fa-keyboard","far fa-kiss","far fa-kiss-beam","far fa-kiss-wink-heart","far fa-laugh","far fa-laugh-beam","far fa-laugh-squint","far fa-laugh-wink","far fa-lemon","far fa-life-ring","far fa-lightbulb","far fa-list-alt","far fa-map","far fa-meh","far fa-meh-blank","far fa-meh-rolling-eyes","far fa-minus-square","far fa-money-bill-alt","far fa-moon","far fa-newspaper","far fa-object-group","far fa-object-ungroup","far fa-paper-plane","far fa-pause-circle","far fa-play-circle","far fa-plus-square","far fa-question-circle","far fa-registered","far fa-sad-cry","far fa-sad-tear","far fa-save","far fa-share-square","far fa-smile","far fa-smile-beam","far fa-smile-wink","far fa-snowflake","far fa-square","far fa-star","far fa-star-half","far fa-sticky-note","far fa-stop-circle","far fa-sun","far fa-surprise","far fa-thumbs-down","far fa-thumbs-up","far fa-times-circle","far fa-tired","far fa-trash-alt","far fa-user","far fa-user-circle","far fa-window-close","far fa-window-maximize","far fa-window-minimize","far fa-window-restore"]},solid:{title:"Solid",prefix:"fas fa-",iconstyle:"fa-solid",listicon:"fab fa-font-awesome",icons:["fas fa-ad","fas fa-address-book","fas fa-address-card","fas fa-adjust","fas fa-air-freshener","fas fa-align-center","fas fa-align-justify","fas fa-align-left","fas fa-align-right","fas fa-allergies","fas fa-ambulance","fas fa-american-sign-language-interpreting","fas fa-anchor","fas fa-angle-double-down","fas fa-angle-double-left","fas fa-angle-double-right","fas fa-angle-double-up","fas fa-angle-down","fas fa-angle-left","fas fa-angle-right","fas fa-angle-up","fas fa-angry","fas fa-ankh","fas fa-apple-alt","fas fa-archive","fas fa-archway","fas fa-arrow-alt-circle-down","fas fa-arrow-alt-circle-left","fas fa-arrow-alt-circle-right","fas fa-arrow-alt-circle-up","fas fa-arrow-circle-down","fas fa-arrow-circle-left","fas fa-arrow-circle-right","fas fa-arrow-circle-up","fas fa-arrow-down","fas fa-arrow-left","fas fa-arrow-right","fas fa-arrow-up","fas fa-arrows-alt","fas fa-arrows-alt-h","fas fa-arrows-alt-v","fas fa-assistive-listening-systems","fas fa-asterisk","fas fa-at","fas fa-atlas","fas fa-atom","fas fa-audio-description","fas fa-award","fas fa-baby","fas fa-baby-carriage","fas fa-backspace","fas fa-backward","fas fa-bacon","fas fa-bahai","fas fa-balance-scale","fas fa-balance-scale-left","fas fa-balance-scale-right","fas fa-ban","fas fa-band-aid","fas fa-barcode","fas fa-bars","fas fa-baseball-ball","fas fa-basketball-ball","fas fa-bath","fas fa-battery-empty","fas fa-battery-full","fas fa-battery-half","fas fa-battery-quarter","fas fa-battery-three-quarters","fas fa-bed","fas fa-beer","fas fa-bell","fas fa-bell-slash","fas fa-bezier-curve","fas fa-bible","fas fa-bicycle","fas fa-biking","fas fa-binoculars","fas fa-biohazard","fas fa-birthday-cake","fas fa-blender","fas fa-blender-phone","fas fa-blind","fas fa-blog","fas fa-bold","fas fa-bolt","fas fa-bomb","fas fa-bone","fas fa-bong","fas fa-book","fas fa-book-dead","fas fa-book-medical","fas fa-book-open","fas fa-book-reader","fas fa-bookmark","fas fa-border-all","fas fa-border-none","fas fa-border-style","fas fa-bowling-ball","fas fa-box","fas fa-box-open","fas fa-boxes","fas fa-braille","fas fa-brain","fas fa-bread-slice","fas fa-briefcase","fas fa-briefcase-medical","fas fa-broadcast-tower","fas fa-broom","fas fa-brush","fas fa-bug","fas fa-building","fas fa-bullhorn","fas fa-bullseye","fas fa-burn","fas fa-bus","fas fa-bus-alt","fas fa-business-time","fas fa-calculator","fas fa-calendar","fas fa-calendar-alt","fas fa-calendar-check","fas fa-calendar-day","fas fa-calendar-minus","fas fa-calendar-plus","fas fa-calendar-times","fas fa-calendar-week","fas fa-camera","fas fa-camera-retro","fas fa-campground","fas fa-candy-cane","fas fa-cannabis","fas fa-capsules","fas fa-car","fas fa-car-alt","fas fa-car-battery","fas fa-car-crash","fas fa-car-side","fas fa-caravan","fas fa-caret-down","fas fa-caret-left","fas fa-caret-right","fas fa-caret-square-down","fas fa-caret-square-left","fas fa-caret-square-right","fas fa-caret-square-up","fas fa-caret-up","fas fa-carrot","fas fa-cart-arrow-down","fas fa-cart-plus","fas fa-cash-register","fas fa-cat","fas fa-certificate","fas fa-chair","fas fa-chalkboard","fas fa-chalkboard-teacher","fas fa-charging-station","fas fa-chart-area","fas fa-chart-bar","fas fa-chart-line","fas fa-chart-pie","fas fa-check","fas fa-check-circle","fas fa-check-double","fas fa-check-square","fas fa-cheese","fas fa-chess","fas fa-chess-bishop","fas fa-chess-board","fas fa-chess-king","fas fa-chess-knight","fas fa-chess-pawn","fas fa-chess-queen","fas fa-chess-rook","fas fa-chevron-circle-down","fas fa-chevron-circle-left","fas fa-chevron-circle-right","fas fa-chevron-circle-up","fas fa-chevron-down","fas fa-chevron-left","fas fa-chevron-right","fas fa-chevron-up","fas fa-child","fas fa-church","fas fa-circle","fas fa-circle-notch","fas fa-city","fas fa-clinic-medical","fas fa-clipboard","fas fa-clipboard-check","fas fa-clipboard-list","fas fa-clock","fas fa-clone","fas fa-closed-captioning","fas fa-cloud","fas fa-cloud-download-alt","fas fa-cloud-meatball","fas fa-cloud-moon","fas fa-cloud-moon-rain","fas fa-cloud-rain","fas fa-cloud-showers-heavy","fas fa-cloud-sun","fas fa-cloud-sun-rain","fas fa-cloud-upload-alt","fas fa-cocktail","fas fa-code","fas fa-code-branch","fas fa-coffee","fas fa-cog","fas fa-cogs","fas fa-coins","fas fa-columns","fas fa-comment","fas fa-comment-alt","fas fa-comment-dollar","fas fa-comment-dots","fas fa-comment-medical","fas fa-comment-slash","fas fa-comments","fas fa-comments-dollar","fas fa-compact-disc","fas fa-compass","fas fa-compress","fas fa-compress-alt","fas fa-compress-arrows-alt","fas fa-concierge-bell","fas fa-cookie","fas fa-cookie-bite","fas fa-copy","fas fa-copyright","fas fa-couch","fas fa-credit-card","fas fa-crop","fas fa-crop-alt","fas fa-cross","fas fa-crosshairs","fas fa-crow","fas fa-crown","fas fa-crutch","fas fa-cube","fas fa-cubes","fas fa-cut","fas fa-database","fas fa-deaf","fas fa-democrat","fas fa-desktop","fas fa-dharmachakra","fas fa-diagnoses","fas fa-dice","fas fa-dice-d20","fas fa-dice-d6","fas fa-dice-five","fas fa-dice-four","fas fa-dice-one","fas fa-dice-six","fas fa-dice-three","fas fa-dice-two","fas fa-digital-tachograph","fas fa-directions","fas fa-divide","fas fa-dizzy","fas fa-dna","fas fa-dog","fas fa-dollar-sign","fas fa-dolly","fas fa-dolly-flatbed","fas fa-donate","fas fa-door-closed","fas fa-door-open","fas fa-dot-circle","fas fa-dove","fas fa-download","fas fa-drafting-compass","fas fa-dragon","fas fa-draw-polygon","fas fa-drum","fas fa-drum-steelpan","fas fa-drumstick-bite","fas fa-dumbbell","fas fa-dumpster","fas fa-dumpster-fire","fas fa-dungeon","fas fa-edit","fas fa-egg","fas fa-eject","fas fa-ellipsis-h","fas fa-ellipsis-v","fas fa-envelope","fas fa-envelope-open","fas fa-envelope-open-text","fas fa-envelope-square","fas fa-equals","fas fa-eraser","fas fa-ethernet","fas fa-euro-sign","fas fa-exchange-alt","fas fa-exclamation","fas fa-exclamation-circle","fas fa-exclamation-triangle","fas fa-expand","fas fa-expand-alt","fas fa-expand-arrows-alt","fas fa-external-link-alt","fas fa-external-link-square-alt","fas fa-eye","fas fa-eye-dropper","fas fa-eye-slash","fas fa-fan","fas fa-fast-backward","fas fa-fast-forward","fas fa-fax","fas fa-feather","fas fa-feather-alt","fas fa-female","fas fa-fighter-jet","fas fa-file","fas fa-file-alt","fas fa-file-archive","fas fa-file-audio","fas fa-file-code","fas fa-file-contract","fas fa-file-csv","fas fa-file-download","fas fa-file-excel","fas fa-file-export","fas fa-file-image","fas fa-file-import","fas fa-file-invoice","fas fa-file-invoice-dollar","fas fa-file-medical","fas fa-file-medical-alt","fas fa-file-pdf","fas fa-file-powerpoint","fas fa-file-prescription","fas fa-file-signature","fas fa-file-upload","fas fa-file-video","fas fa-file-word","fas fa-fill","fas fa-fill-drip","fas fa-film","fas fa-filter","fas fa-fingerprint","fas fa-fire","fas fa-fire-alt","fas fa-fire-extinguisher","fas fa-first-aid","fas fa-fish","fas fa-fist-raised","fas fa-flag","fas fa-flag-checkered","fas fa-flag-usa","fas fa-flask","fas fa-flushed","fas fa-folder","fas fa-folder-minus","fas fa-folder-open","fas fa-folder-plus","fas fa-font","fas fa-football-ball","fas fa-forward","fas fa-frog","fas fa-frown","fas fa-frown-open","fas fa-funnel-dollar","fas fa-futbol","fas fa-gamepad","fas fa-gas-pump","fas fa-gavel","fas fa-gem","fas fa-genderless","fas fa-ghost","fas fa-gift","fas fa-gifts","fas fa-glass-cheers","fas fa-glass-martini","fas fa-glass-martini-alt","fas fa-glass-whiskey","fas fa-glasses","fas fa-globe","fas fa-globe-africa","fas fa-globe-americas","fas fa-globe-asia","fas fa-globe-europe","fas fa-golf-ball","fas fa-gopuram","fas fa-graduation-cap","fas fa-greater-than","fas fa-greater-than-equal","fas fa-grimace","fas fa-grin","fas fa-grin-alt","fas fa-grin-beam","fas fa-grin-beam-sweat","fas fa-grin-hearts","fas fa-grin-squint","fas fa-grin-squint-tears","fas fa-grin-stars","fas fa-grin-tears","fas fa-grin-tongue","fas fa-grin-tongue-squint","fas fa-grin-tongue-wink","fas fa-grin-wink","fas fa-grip-horizontal","fas fa-grip-lines","fas fa-grip-lines-vertical","fas fa-grip-vertical","fas fa-guitar","fas fa-h-square","fas fa-hamburger","fas fa-hammer","fas fa-hamsa","fas fa-hand-holding","fas fa-hand-holding-heart","fas fa-hand-holding-usd","fas fa-hand-lizard","fas fa-hand-middle-finger","fas fa-hand-paper","fas fa-hand-peace","fas fa-hand-point-down","fas fa-hand-point-left","fas fa-hand-point-right","fas fa-hand-point-up","fas fa-hand-pointer","fas fa-hand-rock","fas fa-hand-scissors","fas fa-hand-spock","fas fa-hands","fas fa-hands-helping","fas fa-handshake","fas fa-hanukiah","fas fa-hard-hat","fas fa-hashtag","fas fa-hat-cowboy","fas fa-hat-cowboy-side","fas fa-hat-wizard","fas fa-hdd","fas fa-heading","fas fa-headphones","fas fa-headphones-alt","fas fa-headset","fas fa-heart","fas fa-heart-broken","fas fa-heartbeat","fas fa-helicopter","fas fa-highlighter","fas fa-hiking","fas fa-hippo","fas fa-history","fas fa-hockey-puck","fas fa-holly-berry","fas fa-home","fas fa-horse","fas fa-horse-head","fas fa-hospital","fas fa-hospital-alt","fas fa-hospital-symbol","fas fa-hot-tub","fas fa-hotdog","fas fa-hotel","fas fa-hourglass","fas fa-hourglass-end","fas fa-hourglass-half","fas fa-hourglass-start","fas fa-house-damage","fas fa-hryvnia","fas fa-i-cursor","fas fa-ice-cream","fas fa-icicles","fas fa-icons","fas fa-id-badge","fas fa-id-card","fas fa-id-card-alt","fas fa-igloo","fas fa-image","fas fa-images","fas fa-inbox","fas fa-indent","fas fa-industry","fas fa-infinity","fas fa-info","fas fa-info-circle","fas fa-italic","fas fa-jedi","fas fa-joint","fas fa-journal-whills","fas fa-kaaba","fas fa-key","fas fa-keyboard","fas fa-khanda","fas fa-kiss","fas fa-kiss-beam","fas fa-kiss-wink-heart","fas fa-kiwi-bird","fas fa-landmark","fas fa-language","fas fa-laptop","fas fa-laptop-code","fas fa-laptop-medical","fas fa-laugh","fas fa-laugh-beam","fas fa-laugh-squint","fas fa-laugh-wink","fas fa-layer-group","fas fa-leaf","fas fa-lemon","fas fa-less-than","fas fa-less-than-equal","fas fa-level-down-alt","fas fa-level-up-alt","fas fa-life-ring","fas fa-lightbulb","fas fa-link","fas fa-lira-sign","fas fa-list","fas fa-list-alt","fas fa-list-ol","fas fa-list-ul","fas fa-location-arrow","fas fa-lock","fas fa-lock-open","fas fa-long-arrow-alt-down","fas fa-long-arrow-alt-left","fas fa-long-arrow-alt-right","fas fa-long-arrow-alt-up","fas fa-low-vision","fas fa-luggage-cart","fas fa-magic","fas fa-magnet","fas fa-mail-bulk","fas fa-male","fas fa-map","fas fa-map-marked","fas fa-map-marked-alt","fas fa-map-marker","fas fa-map-marker-alt","fas fa-map-pin","fas fa-map-signs","fas fa-marker","fas fa-mars","fas fa-mars-double","fas fa-mars-stroke","fas fa-mars-stroke-h","fas fa-mars-stroke-v","fas fa-mask","fas fa-medal","fas fa-medkit","fas fa-meh","fas fa-meh-blank","fas fa-meh-rolling-eyes","fas fa-memory","fas fa-menorah","fas fa-mercury","fas fa-meteor","fas fa-microchip","fas fa-microphone","fas fa-microphone-alt","fas fa-microphone-alt-slash","fas fa-microphone-slash","fas fa-microscope","fas fa-minus","fas fa-minus-circle","fas fa-minus-square","fas fa-mitten","fas fa-mobile","fas fa-mobile-alt","fas fa-money-bill","fas fa-money-bill-alt","fas fa-money-bill-wave","fas fa-money-bill-wave-alt","fas fa-money-check","fas fa-money-check-alt","fas fa-monument","fas fa-moon","fas fa-mortar-pestle","fas fa-mosque","fas fa-motorcycle","fas fa-mountain","fas fa-mouse","fas fa-mouse-pointer","fas fa-mug-hot","fas fa-music","fas fa-network-wired","fas fa-neuter","fas fa-newspaper","fas fa-not-equal","fas fa-notes-medical","fas fa-object-group","fas fa-object-ungroup","fas fa-oil-can","fas fa-om","fas fa-otter","fas fa-outdent","fas fa-pager","fas fa-paint-brush","fas fa-paint-roller","fas fa-palette","fas fa-pallet","fas fa-paper-plane","fas fa-paperclip","fas fa-parachute-box","fas fa-paragraph","fas fa-parking","fas fa-passport","fas fa-pastafarianism","fas fa-paste","fas fa-pause","fas fa-pause-circle","fas fa-paw","fas fa-peace","fas fa-pen","fas fa-pen-alt","fas fa-pen-fancy","fas fa-pen-nib","fas fa-pen-square","fas fa-pencil-alt","fas fa-pencil-ruler","fas fa-people-carry","fas fa-pepper-hot","fas fa-percent","fas fa-percentage","fas fa-person-booth","fas fa-phone","fas fa-phone-alt","fas fa-phone-slash","fas fa-phone-square","fas fa-phone-square-alt","fas fa-phone-volume","fas fa-photo-video","fas fa-piggy-bank","fas fa-pills","fas fa-pizza-slice","fas fa-place-of-worship","fas fa-plane","fas fa-plane-arrival","fas fa-plane-departure","fas fa-play","fas fa-play-circle","fas fa-plug","fas fa-plus","fas fa-plus-circle","fas fa-plus-square","fas fa-podcast","fas fa-poll","fas fa-poll-h","fas fa-poo","fas fa-poo-storm","fas fa-poop","fas fa-portrait","fas fa-pound-sign","fas fa-power-off","fas fa-pray","fas fa-praying-hands","fas fa-prescription","fas fa-prescription-bottle","fas fa-prescription-bottle-alt","fas fa-print","fas fa-procedures","fas fa-project-diagram","fas fa-puzzle-piece","fas fa-qrcode","fas fa-question","fas fa-question-circle","fas fa-quidditch","fas fa-quote-left","fas fa-quote-right","fas fa-quran","fas fa-radiation","fas fa-radiation-alt","fas fa-rainbow","fas fa-random","fas fa-receipt","fas fa-record-vinyl","fas fa-recycle","fas fa-redo","fas fa-redo-alt","fas fa-registered","fas fa-remove-format","fas fa-reply","fas fa-reply-all","fas fa-republican","fas fa-restroom","fas fa-retweet","fas fa-ribbon","fas fa-ring","fas fa-road","fas fa-robot","fas fa-rocket","fas fa-route","fas fa-rss","fas fa-rss-square","fas fa-ruble-sign","fas fa-ruler","fas fa-ruler-combined","fas fa-ruler-horizontal","fas fa-ruler-vertical","fas fa-running","fas fa-rupee-sign","fas fa-sad-cry","fas fa-sad-tear","fas fa-satellite","fas fa-satellite-dish","fas fa-save","fas fa-school","fas fa-screwdriver","fas fa-scroll","fas fa-sd-card","fas fa-search","fas fa-search-dollar","fas fa-search-location","fas fa-search-minus","fas fa-search-plus","fas fa-seedling","fas fa-server","fas fa-shapes","fas fa-share","fas fa-share-alt","fas fa-share-alt-square","fas fa-share-square","fas fa-shekel-sign","fas fa-shield-alt","fas fa-ship","fas fa-shipping-fast","fas fa-shoe-prints","fas fa-shopping-bag","fas fa-shopping-basket","fas fa-shopping-cart","fas fa-shower","fas fa-shuttle-van","fas fa-sign","fas fa-sign-in-alt","fas fa-sign-language","fas fa-sign-out-alt","fas fa-signal","fas fa-signature","fas fa-sim-card","fas fa-sitemap","fas fa-skating","fas fa-skiing","fas fa-skiing-nordic","fas fa-skull","fas fa-skull-crossbones","fas fa-slash","fas fa-sleigh","fas fa-sliders-h","fas fa-smile","fas fa-smile-beam","fas fa-smile-wink","fas fa-smog","fas fa-smoking","fas fa-smoking-ban","fas fa-sms","fas fa-snowboarding","fas fa-snowflake","fas fa-snowman","fas fa-snowplow","fas fa-socks","fas fa-solar-panel","fas fa-sort","fas fa-sort-alpha-down","fas fa-sort-alpha-down-alt","fas fa-sort-alpha-up","fas fa-sort-alpha-up-alt","fas fa-sort-amount-down","fas fa-sort-amount-down-alt","fas fa-sort-amount-up","fas fa-sort-amount-up-alt","fas fa-sort-down","fas fa-sort-numeric-down","fas fa-sort-numeric-down-alt","fas fa-sort-numeric-up","fas fa-sort-numeric-up-alt","fas fa-sort-up","fas fa-spa","fas fa-space-shuttle","fas fa-spell-check","fas fa-spider","fas fa-spinner","fas fa-splotch","fas fa-spray-can","fas fa-square","fas fa-square-full","fas fa-square-root-alt","fas fa-stamp","fas fa-star","fas fa-star-and-crescent","fas fa-star-half","fas fa-star-half-alt","fas fa-star-of-david","fas fa-star-of-life","fas fa-step-backward","fas fa-step-forward","fas fa-stethoscope","fas fa-sticky-note","fas fa-stop","fas fa-stop-circle","fas fa-stopwatch","fas fa-store","fas fa-store-alt","fas fa-stream","fas fa-street-view","fas fa-strikethrough","fas fa-stroopwafel","fas fa-subscript","fas fa-subway","fas fa-suitcase","fas fa-suitcase-rolling","fas fa-sun","fas fa-superscript","fas fa-surprise","fas fa-swatchbook","fas fa-swimmer","fas fa-swimming-pool","fas fa-synagogue","fas fa-sync","fas fa-sync-alt","fas fa-syringe","fas fa-table","fas fa-table-tennis","fas fa-tablet","fas fa-tablet-alt","fas fa-tablets","fas fa-tachometer-alt","fas fa-tag","fas fa-tags","fas fa-tape","fas fa-tasks","fas fa-taxi","fas fa-teeth","fas fa-teeth-open","fas fa-temperature-high","fas fa-temperature-low","fas fa-tenge","fas fa-terminal","fas fa-text-height","fas fa-text-width","fas fa-th","fas fa-th-large","fas fa-th-list","fas fa-theater-masks","fas fa-thermometer","fas fa-thermometer-empty","fas fa-thermometer-full","fas fa-thermometer-half","fas fa-thermometer-quarter","fas fa-thermometer-three-quarters","fas fa-thumbs-down","fas fa-thumbs-up","fas fa-thumbtack","fas fa-ticket-alt","fas fa-times","fas fa-times-circle","fas fa-tint","fas fa-tint-slash","fas fa-tired","fas fa-toggle-off","fas fa-toggle-on","fas fa-toilet","fas fa-toilet-paper","fas fa-toolbox","fas fa-tools","fas fa-tooth","fas fa-torah","fas fa-torii-gate","fas fa-tractor","fas fa-trademark","fas fa-traffic-light","fas fa-trailer","fas fa-train","fas fa-tram","fas fa-transgender","fas fa-transgender-alt","fas fa-trash","fas fa-trash-alt","fas fa-trash-restore","fas fa-trash-restore-alt","fas fa-tree","fas fa-trophy","fas fa-truck","fas fa-truck-loading","fas fa-truck-monster","fas fa-truck-moving","fas fa-truck-pickup","fas fa-tshirt","fas fa-tty","fas fa-tv","fas fa-umbrella","fas fa-umbrella-beach","fas fa-underline","fas fa-undo","fas fa-undo-alt","fas fa-universal-access","fas fa-university","fas fa-unlink","fas fa-unlock","fas fa-unlock-alt","fas fa-upload","fas fa-user","fas fa-user-alt","fas fa-user-alt-slash","fas fa-user-astronaut","fas fa-user-check","fas fa-user-circle","fas fa-user-clock","fas fa-user-cog","fas fa-user-edit","fas fa-user-friends","fas fa-user-graduate","fas fa-user-injured","fas fa-user-lock","fas fa-user-md","fas fa-user-minus","fas fa-user-ninja","fas fa-user-nurse","fas fa-user-plus","fas fa-user-secret","fas fa-user-shield","fas fa-user-slash","fas fa-user-tag","fas fa-user-tie","fas fa-user-times","fas fa-users","fas fa-users-cog","fas fa-utensil-spoon","fas fa-utensils","fas fa-vector-square","fas fa-venus","fas fa-venus-double","fas fa-venus-mars","fas fa-vial","fas fa-vials","fas fa-video","fas fa-video-slash","fas fa-vihara","fas fa-voicemail","fas fa-volleyball-ball","fas fa-volume-down","fas fa-volume-mute","fas fa-volume-off","fas fa-volume-up","fas fa-vote-yea","fas fa-vr-cardboard","fas fa-walking","fas fa-wallet","fas fa-warehouse","fas fa-water","fas fa-wave-square","fas fa-weight","fas fa-weight-hanging","fas fa-wheelchair","fas fa-wifi","fas fa-wind","fas fa-window-close","fas fa-window-maximize","fas fa-window-minimize","fas fa-window-restore","fas fa-wine-bottle","fas fa-wine-glass","fas fa-wine-glass-alt","fas fa-won-sign","fas fa-wrench","fas fa-x-ray","fas fa-yen-sign","fas fa-yin-yang"]},brands:{title:"Brands",prefix:"fab fa-",iconstyle:"fa-brands",listicon:"fab fa-font-awesome-flag",icons:["fab fa-500px","fab fa-accessible-icon","fab fa-accusoft","fab fa-acquisitions-incorporated","fab fa-adn","fab fa-adobe","fab fa-adversal","fab fa-affiliatetheme","fab fa-airbnb","fab fa-algolia","fab fa-alipay","fab fa-amazon","fab fa-amazon-pay","fab fa-amilia","fab fa-android","fab fa-angellist","fab fa-angrycreative","fab fa-angular","fab fa-app-store","fab fa-app-store-ios","fab fa-apper","fab fa-apple","fab fa-apple-pay","fab fa-artstation","fab fa-asymmetrik","fab fa-atlassian","fab fa-audible","fab fa-autoprefixer","fab fa-avianex","fab fa-aviato","fab fa-aws","fab fa-bandcamp","fab fa-battle-net","fab fa-behance","fab fa-behance-square","fab fa-bimobject","fab fa-bitbucket","fab fa-bitcoin","fab fa-bity","fab fa-black-tie","fab fa-blackberry","fab fa-blogger","fab fa-blogger-b","fab fa-bluetooth","fab fa-bluetooth-b","fab fa-bootstrap","fab fa-btc","fab fa-buffer","fab fa-buromobelexperte","fab fa-buy-n-large","fab fa-buysellads","fab fa-canadian-maple-leaf","fab fa-cc-amazon-pay","fab fa-cc-amex","fab fa-cc-apple-pay","fab fa-cc-diners-club","fab fa-cc-discover","fab fa-cc-jcb","fab fa-cc-mastercard","fab fa-cc-paypal","fab fa-cc-stripe","fab fa-cc-visa","fab fa-centercode","fab fa-centos","fab fa-chrome","fab fa-chromecast","fab fa-cloudscale","fab fa-cloudsmith","fab fa-cloudversify","fab fa-codepen","fab fa-codiepie","fab fa-confluence","fab fa-connectdevelop","fab fa-contao","fab fa-cotton-bureau","fab fa-cpanel","fab fa-creative-commons","fab fa-creative-commons-by","fab fa-creative-commons-nc","fab fa-creative-commons-nc-eu","fab fa-creative-commons-nc-jp","fab fa-creative-commons-nd","fab fa-creative-commons-pd","fab fa-creative-commons-pd-alt","fab fa-creative-commons-remix","fab fa-creative-commons-sa","fab fa-creative-commons-sampling","fab fa-creative-commons-sampling-plus","fab fa-creative-commons-share","fab fa-creative-commons-zero","fab fa-critical-role","fab fa-css3","fab fa-css3-alt","fab fa-cuttlefish","fab fa-d-and-d","fab fa-d-and-d-beyond","fab fa-dashcube","fab fa-delicious","fab fa-deploydog","fab fa-deskpro","fab fa-dev","fab fa-deviantart","fab fa-dhl","fab fa-diaspora","fab fa-digg","fab fa-digital-ocean","fab fa-discord","fab fa-discourse","fab fa-dochub","fab fa-docker","fab fa-draft2digital","fab fa-dribbble","fab fa-dribbble-square","fab fa-dropbox","fab fa-drupal","fab fa-dyalog","fab fa-earlybirds","fab fa-ebay","fab fa-edge","fab fa-elementor","fab fa-ello","fab fa-ember","fab fa-empire","fab fa-envira","fab fa-erlang","fab fa-ethereum","fab fa-etsy","fab fa-evernote","fab fa-expeditedssl","fab fa-facebook","fab fa-facebook-f","fab fa-facebook-messenger","fab fa-facebook-square","fab fa-fantasy-flight-games","fab fa-fedex","fab fa-fedora","fab fa-figma","fab fa-firefox","fab fa-firefox-browser","fab fa-first-order","fab fa-first-order-alt","fab fa-firstdraft","fab fa-flickr","fab fa-flipboard","fab fa-fly","fab fa-font-awesome","fab fa-font-awesome-alt","fab fa-font-awesome-flag","fab fa-fonticons","fab fa-fonticons-fi","fab fa-fort-awesome","fab fa-fort-awesome-alt","fab fa-forumbee","fab fa-foursquare","fab fa-free-code-camp","fab fa-freebsd","fab fa-fulcrum","fab fa-galactic-republic","fab fa-galactic-senate","fab fa-get-pocket","fab fa-gg","fab fa-gg-circle","fab fa-git","fab fa-git-alt","fab fa-git-square","fab fa-github","fab fa-github-alt","fab fa-github-square","fab fa-gitkraken","fab fa-gitlab","fab fa-gitter","fab fa-glide","fab fa-glide-g","fab fa-gofore","fab fa-goodreads","fab fa-goodreads-g","fab fa-google","fab fa-google-drive","fab fa-google-play","fab fa-google-plus","fab fa-google-plus-g","fab fa-google-plus-square","fab fa-google-wallet","fab fa-gratipay","fab fa-grav","fab fa-gripfire","fab fa-grunt","fab fa-gulp","fab fa-hacker-news","fab fa-hacker-news-square","fab fa-hackerrank","fab fa-hips","fab fa-hire-a-helper","fab fa-hooli","fab fa-hornbill","fab fa-hotjar","fab fa-houzz","fab fa-html5","fab fa-hubspot","fab fa-ideal","fab fa-imdb","fab fa-instagram","fab fa-intercom","fab fa-internet-explorer","fab fa-invision","fab fa-ioxhost","fab fa-itch-io","fab fa-itunes","fab fa-itunes-note","fab fa-java","fab fa-jedi-order","fab fa-jenkins","fab fa-jira","fab fa-joget","fab fa-joomla","fab fa-js","fab fa-js-square","fab fa-jsfiddle","fab fa-kaggle","fab fa-keybase","fab fa-keycdn","fab fa-kickstarter","fab fa-kickstarter-k","fab fa-korvue","fab fa-laravel","fab fa-lastfm","fab fa-lastfm-square","fab fa-leanpub","fab fa-less","fab fa-line","fab fa-linkedin","fab fa-linkedin-in","fab fa-linode","fab fa-linux","fab fa-lyft","fab fa-magento","fab fa-mailchimp","fab fa-mandalorian","fab fa-markdown","fab fa-mastodon","fab fa-maxcdn","fab fa-mdb","fab fa-medapps","fab fa-medium","fab fa-medium-m","fab fa-medrt","fab fa-meetup","fab fa-megaport","fab fa-mendeley","fab fa-microblog","fab fa-microsoft","fab fa-mix","fab fa-mixcloud","fab fa-mizuni","fab fa-modx","fab fa-monero","fab fa-napster","fab fa-neos","fab fa-nimblr","fab fa-node","fab fa-node-js","fab fa-npm","fab fa-ns8","fab fa-nutritionix","fab fa-odnoklassniki","fab fa-odnoklassniki-square","fab fa-old-republic","fab fa-opencart","fab fa-openid","fab fa-opera","fab fa-optin-monster","fab fa-orcid","fab fa-osi","fab fa-page4","fab fa-pagelines","fab fa-palfed","fab fa-patreon","fab fa-paypal","fab fa-penny-arcade","fab fa-periscope","fab fa-phabricator","fab fa-phoenix-framework","fab fa-phoenix-squadron","fab fa-php","fab fa-pied-piper","fab fa-pied-piper-alt","fab fa-pied-piper-hat","fab fa-pied-piper-pp","fab fa-pied-piper-square","fab fa-pinterest","fab fa-pinterest-p","fab fa-pinterest-square","fab fa-playstation","fab fa-product-hunt","fab fa-pushed","fab fa-python","fab fa-qq","fab fa-quinscape","fab fa-quora","fab fa-r-project","fab fa-raspberry-pi","fab fa-ravelry","fab fa-react","fab fa-reacteurope","fab fa-readme","fab fa-rebel","fab fa-red-river","fab fa-reddit","fab fa-reddit-alien","fab fa-reddit-square","fab fa-redhat","fab fa-renren","fab fa-replyd","fab fa-researchgate","fab fa-resolving","fab fa-rev","fab fa-rocketchat","fab fa-rockrms","fab fa-safari","fab fa-salesforce","fab fa-sass","fab fa-schlix","fab fa-scribd","fab fa-searchengin","fab fa-sellcast","fab fa-sellsy","fab fa-servicestack","fab fa-shirtsinbulk","fab fa-shopware","fab fa-simplybuilt","fab fa-sistrix","fab fa-sith","fab fa-sketch","fab fa-skyatlas","fab fa-skype","fab fa-slack","fab fa-slack-hash","fab fa-slideshare","fab fa-snapchat","fab fa-snapchat-ghost","fab fa-snapchat-square","fab fa-soundcloud","fab fa-sourcetree","fab fa-speakap","fab fa-speaker-deck","fab fa-spotify","fab fa-squarespace","fab fa-stack-exchange","fab fa-stack-overflow","fab fa-stackpath","fab fa-staylinked","fab fa-steam","fab fa-steam-square","fab fa-steam-symbol","fab fa-sticker-mule","fab fa-strava","fab fa-stripe","fab fa-stripe-s","fab fa-studiovinari","fab fa-stumbleupon","fab fa-stumbleupon-circle","fab fa-superpowers","fab fa-supple","fab fa-suse","fab fa-swift","fab fa-symfony","fab fa-teamspeak","fab fa-telegram","fab fa-telegram-plane","fab fa-tencent-weibo","fab fa-the-red-yeti","fab fa-themeco","fab fa-themeisle","fab fa-think-peaks","fab fa-trade-federation","fab fa-trello","fab fa-tripadvisor","fab fa-tumblr","fab fa-tumblr-square","fab fa-twitch","fab fa-twitter","fab fa-twitter-square","fab fa-typo3","fab fa-uber","fab fa-ubuntu","fab fa-uikit","fab fa-umbraco","fab fa-uniregistry","fab fa-unity","fab fa-untappd","fab fa-ups","fab fa-usb","fab fa-usps","fab fa-ussunnah","fab fa-vaadin","fab fa-viacoin","fab fa-viadeo","fab fa-viadeo-square","fab fa-viber","fab fa-vimeo","fab fa-vimeo-square","fab fa-vimeo-v","fab fa-vine","fab fa-vk","fab fa-vnv","fab fa-vuejs","fab fa-waze","fab fa-weebly","fab fa-weibo","fab fa-weixin","fab fa-whatsapp","fab fa-whatsapp-square","fab fa-whmcs","fab fa-wikipedia-w","fab fa-windows","fab fa-wix","fab fa-wizards-of-the-coast","fab fa-wolf-pack-battalion","fab fa-wordpress","fab fa-wordpress-simple","fab fa-wpbeginner","fab fa-wpexplorer","fab fa-wpforms","fab fa-wpressr","fab fa-xbox","fab fa-xing","fab fa-xing-square","fab fa-y-combinator","fab fa-yahoo","fab fa-yammer","fab fa-yandex","fab fa-yandex-international","fab fa-yarn","fab fa-yelp","fab fa-yoast","fab fa-youtube","fab fa-youtube-square","fab fa-zhihu"]}}}};const h={inheritAttrs:!1,props:{label:{type:String,default:"Vue3 Icon Picker"},modelValue:{type:String,default:"fas fa-circle"}},setup(s,e){const r=a(""),i=a(s.modelValue),l=a(!1),o=[{id:"all",title:"All Icons",icon:"fas fa-star-of-life",link:"all"},{id:"far",title:"Font Awesome Regular",icon:"fab fa-font-awesome-alt",link:m.fontAwesome.variants.regular},{id:"fas",title:"Font Awesome Solid",icon:"fab fa-font-awesome",link:m.fontAwesome.variants.solid},{id:"fab",title:"Font Awesome Brands",icon:"fab fa-font-awesome-flag",link:m.fontAwesome.variants.brands}],t=a(o[0]),n=[].concat(o[1].link.icons,o[2].link.icons,o[3].link.icons),c=f((()=>{let a=[];if(a="all"!==t.value.id?t.value.link.icons:n,""!=r.value){const f=r.value.toLowerCase();a=a.filter((a=>a.substr(7,r.value.length)===f))}return a}));return{fontLibrary:m,tabs:o,isActiveTab:a=>a==t.value.id,setActiveTab:a=>{t.value=a},glyphs:c,activeGlyph:i,getGlyphName:a=>a.replace(/f.. fa-/g,"").replace("-"," "),filterText:r,setActiveGlyph:a=>{i.value=a},isActiveGlyph:a=>i.value==a,insert:()=>{e.emit("update:modelValue",i.value),l.value=!1},isVisible:l,togglePicker:()=>{l.value=!l.value},closePicker:()=>{l.value=!1}}}},g=u("data-v-02a817ad");s("data-v-02a817ad");const k={key:0,class:"aim-modal aim-open"},w={class:"aim-modal--content"},v={class:"aim-modal--header"},y={class:"aim-modal--header-logo-area"},q={class:"aim-modal--header-logo-title"},x=o("i",{class:"fas fa-times",title:"Close"},null,-1),j={class:"aim-modal--body"},z={class:"aim-modal--sidebar"},A={class:"aim-modal--sidebar-tabs"},C={class:"aim-sidebar-preview"},G={class:"aim-icon-item "},V={class:"aim-icon-item-inner"},P={class:"aim-icon-item-name"},T={class:"aim-modal--icon-preview-wrap"},F={class:"aim-modal--icon-search"},I=o("i",{class:"fas fa-search"},null,-1),S={class:"aim-modal--icon-preview-inner"},B={class:"aim-modal--icon-preview"},L={class:"aim-icon-item-inner"},N={class:"aim-icon-item-name"},R={class:"aim-modal--footer"};e();const _=g(((a,f,s,e,u,m)=>(r(),i(l,null,[o("span",t(a.$attrs,{onClick:f[1]||(f[1]=(...a)=>e.togglePicker&&e.togglePicker(...a))}),[o("i",{class:["vue3-icon-picker",s.modelValue]},null,2)],16),e.isVisible?(r(),i("div",k,[o("div",w,[o("div",v,[o("div",y,[o("span",q,n(s.label),1)]),o("div",{class:"aim-modal--header-close-btn",onClick:f[2]||(f[2]=(...a)=>e.closePicker&&e.closePicker(...a))},[x])]),o("div",j,[o("div",z,[o("div",A,[(r(!0),i(l,null,c(e.tabs,(a=>(r(),i("div",{class:["aim-modal--sidebar-tab-item",{"aesthetic-active":e.isActiveTab(a.id)}],"data-library-id":"all",key:a.id,onClick:f=>e.setActiveTab(a)},[o("i",{class:a.icon},null,2),o("span",null,n(a.title),1)],10,["onClick"])))),128))]),o("div",C,[o("div",G,[o("div",V,[o("i",{class:e.activeGlyph},null,2),o("div",P,n(e.activeGlyph),1)])])])]),o("div",T,[o("div",F,[b(o("input",{"onUpdate:modelValue":f[3]||(f[3]=a=>e.filterText=a),placeholder:"Filter by name..."},null,512),[[d,e.filterText]]),I]),o("div",S,[o("div",B,[(r(!0),i(l,null,c(e.glyphs,(a=>(r(),i("div",{class:["aim-icon-item",{"aesthetic-selected":e.isActiveGlyph(a)}],key:a,onClick:f=>e.setActiveGlyph(a)},[o("div",L,[o("i",{class:a},null,2),o("div",N,n(e.getGlyphName(a)),1)])],10,["onClick"])))),128))])])])]),o("div",R,[o("button",{class:"aim-insert-icon-button",onClick:f[4]||(f[4]=(...a)=>e.insert&&e.insert(...a))},"Insert")])])])):p("",!0)],64))));h.render=_,h.__scopeId="data-v-02a817ad";export default h;
2 | 


--------------------------------------------------------------------------------
/build-umd-esm/vue3-icon-picker.umd.js:
--------------------------------------------------------------------------------
1 | !function(a,f){"object"==typeof exports&&"undefined"!=typeof module?module.exports=f(require("vue")):"function"==typeof define&&define.amd?define(["vue"],f):(a="undefined"!=typeof globalThis?globalThis:a||self).Vue3IconPicker=f(a.Vue)}(this,(function(a){"use strict";var f={fontAwesome:{title:"Font Awesome",variants:{regular:{title:"Regular",prefix:"far fa-",iconstyle:"fa-regular",listicon:"fab fa-font-awesome-alt",icons:["far fa-address-book","far fa-address-card","far fa-angry","far fa-arrow-alt-circle-down","far fa-arrow-alt-circle-left","far fa-arrow-alt-circle-right","far fa-arrow-alt-circle-up","far fa-bell","far fa-bell-slash","far fa-bookmark","far fa-building","far fa-calendar","far fa-calendar-alt","far fa-calendar-check","far fa-calendar-minus","far fa-calendar-plus","far fa-calendar-times","far fa-caret-square-down","far fa-caret-square-left","far fa-caret-square-right","far fa-caret-square-up","far fa-chart-bar","far fa-check-circle","far fa-check-square","far fa-circle","far fa-clipboard","far fa-clock","far fa-clone","far fa-closed-captioning","far fa-comment","far fa-comment-alt","far fa-comment-dots","far fa-comments","far fa-compass","far fa-copy","far fa-copyright","far fa-credit-card","far fa-dizzy","far fa-dot-circle","far fa-edit","far fa-envelope","far fa-envelope-open","far fa-eye","far fa-eye-slash","far fa-file","far fa-file-alt","far fa-file-archive","far fa-file-audio","far fa-file-code","far fa-file-excel","far fa-file-image","far fa-file-pdf","far fa-file-powerpoint","far fa-file-video","far fa-file-word","far fa-flag","far fa-flushed","far fa-folder","far fa-folder-open","far fa-frown","far fa-frown-open","far fa-futbol","far fa-gem","far fa-grimace","far fa-grin","far fa-grin-alt","far fa-grin-beam","far fa-grin-beam-sweat","far fa-grin-hearts","far fa-grin-squint","far fa-grin-squint-tears","far fa-grin-stars","far fa-grin-tears","far fa-grin-tongue","far fa-grin-tongue-squint","far fa-grin-tongue-wink","far fa-grin-wink","far fa-hand-lizard","far fa-hand-paper","far fa-hand-peace","far fa-hand-point-down","far fa-hand-point-left","far fa-hand-point-right","far fa-hand-point-up","far fa-hand-pointer","far fa-hand-rock","far fa-hand-scissors","far fa-hand-spock","far fa-handshake","far fa-hdd","far fa-heart","far fa-hospital","far fa-hourglass","far fa-id-badge","far fa-id-card","far fa-image","far fa-images","far fa-keyboard","far fa-kiss","far fa-kiss-beam","far fa-kiss-wink-heart","far fa-laugh","far fa-laugh-beam","far fa-laugh-squint","far fa-laugh-wink","far fa-lemon","far fa-life-ring","far fa-lightbulb","far fa-list-alt","far fa-map","far fa-meh","far fa-meh-blank","far fa-meh-rolling-eyes","far fa-minus-square","far fa-money-bill-alt","far fa-moon","far fa-newspaper","far fa-object-group","far fa-object-ungroup","far fa-paper-plane","far fa-pause-circle","far fa-play-circle","far fa-plus-square","far fa-question-circle","far fa-registered","far fa-sad-cry","far fa-sad-tear","far fa-save","far fa-share-square","far fa-smile","far fa-smile-beam","far fa-smile-wink","far fa-snowflake","far fa-square","far fa-star","far fa-star-half","far fa-sticky-note","far fa-stop-circle","far fa-sun","far fa-surprise","far fa-thumbs-down","far fa-thumbs-up","far fa-times-circle","far fa-tired","far fa-trash-alt","far fa-user","far fa-user-circle","far fa-window-close","far fa-window-maximize","far fa-window-minimize","far fa-window-restore"]},solid:{title:"Solid",prefix:"fas fa-",iconstyle:"fa-solid",listicon:"fab fa-font-awesome",icons:["fas fa-ad","fas fa-address-book","fas fa-address-card","fas fa-adjust","fas fa-air-freshener","fas fa-align-center","fas fa-align-justify","fas fa-align-left","fas fa-align-right","fas fa-allergies","fas fa-ambulance","fas fa-american-sign-language-interpreting","fas fa-anchor","fas fa-angle-double-down","fas fa-angle-double-left","fas fa-angle-double-right","fas fa-angle-double-up","fas fa-angle-down","fas fa-angle-left","fas fa-angle-right","fas fa-angle-up","fas fa-angry","fas fa-ankh","fas fa-apple-alt","fas fa-archive","fas fa-archway","fas fa-arrow-alt-circle-down","fas fa-arrow-alt-circle-left","fas fa-arrow-alt-circle-right","fas fa-arrow-alt-circle-up","fas fa-arrow-circle-down","fas fa-arrow-circle-left","fas fa-arrow-circle-right","fas fa-arrow-circle-up","fas fa-arrow-down","fas fa-arrow-left","fas fa-arrow-right","fas fa-arrow-up","fas fa-arrows-alt","fas fa-arrows-alt-h","fas fa-arrows-alt-v","fas fa-assistive-listening-systems","fas fa-asterisk","fas fa-at","fas fa-atlas","fas fa-atom","fas fa-audio-description","fas fa-award","fas fa-baby","fas fa-baby-carriage","fas fa-backspace","fas fa-backward","fas fa-bacon","fas fa-bahai","fas fa-balance-scale","fas fa-balance-scale-left","fas fa-balance-scale-right","fas fa-ban","fas fa-band-aid","fas fa-barcode","fas fa-bars","fas fa-baseball-ball","fas fa-basketball-ball","fas fa-bath","fas fa-battery-empty","fas fa-battery-full","fas fa-battery-half","fas fa-battery-quarter","fas fa-battery-three-quarters","fas fa-bed","fas fa-beer","fas fa-bell","fas fa-bell-slash","fas fa-bezier-curve","fas fa-bible","fas fa-bicycle","fas fa-biking","fas fa-binoculars","fas fa-biohazard","fas fa-birthday-cake","fas fa-blender","fas fa-blender-phone","fas fa-blind","fas fa-blog","fas fa-bold","fas fa-bolt","fas fa-bomb","fas fa-bone","fas fa-bong","fas fa-book","fas fa-book-dead","fas fa-book-medical","fas fa-book-open","fas fa-book-reader","fas fa-bookmark","fas fa-border-all","fas fa-border-none","fas fa-border-style","fas fa-bowling-ball","fas fa-box","fas fa-box-open","fas fa-boxes","fas fa-braille","fas fa-brain","fas fa-bread-slice","fas fa-briefcase","fas fa-briefcase-medical","fas fa-broadcast-tower","fas fa-broom","fas fa-brush","fas fa-bug","fas fa-building","fas fa-bullhorn","fas fa-bullseye","fas fa-burn","fas fa-bus","fas fa-bus-alt","fas fa-business-time","fas fa-calculator","fas fa-calendar","fas fa-calendar-alt","fas fa-calendar-check","fas fa-calendar-day","fas fa-calendar-minus","fas fa-calendar-plus","fas fa-calendar-times","fas fa-calendar-week","fas fa-camera","fas fa-camera-retro","fas fa-campground","fas fa-candy-cane","fas fa-cannabis","fas fa-capsules","fas fa-car","fas fa-car-alt","fas fa-car-battery","fas fa-car-crash","fas fa-car-side","fas fa-caravan","fas fa-caret-down","fas fa-caret-left","fas fa-caret-right","fas fa-caret-square-down","fas fa-caret-square-left","fas fa-caret-square-right","fas fa-caret-square-up","fas fa-caret-up","fas fa-carrot","fas fa-cart-arrow-down","fas fa-cart-plus","fas fa-cash-register","fas fa-cat","fas fa-certificate","fas fa-chair","fas fa-chalkboard","fas fa-chalkboard-teacher","fas fa-charging-station","fas fa-chart-area","fas fa-chart-bar","fas fa-chart-line","fas fa-chart-pie","fas fa-check","fas fa-check-circle","fas fa-check-double","fas fa-check-square","fas fa-cheese","fas fa-chess","fas fa-chess-bishop","fas fa-chess-board","fas fa-chess-king","fas fa-chess-knight","fas fa-chess-pawn","fas fa-chess-queen","fas fa-chess-rook","fas fa-chevron-circle-down","fas fa-chevron-circle-left","fas fa-chevron-circle-right","fas fa-chevron-circle-up","fas fa-chevron-down","fas fa-chevron-left","fas fa-chevron-right","fas fa-chevron-up","fas fa-child","fas fa-church","fas fa-circle","fas fa-circle-notch","fas fa-city","fas fa-clinic-medical","fas fa-clipboard","fas fa-clipboard-check","fas fa-clipboard-list","fas fa-clock","fas fa-clone","fas fa-closed-captioning","fas fa-cloud","fas fa-cloud-download-alt","fas fa-cloud-meatball","fas fa-cloud-moon","fas fa-cloud-moon-rain","fas fa-cloud-rain","fas fa-cloud-showers-heavy","fas fa-cloud-sun","fas fa-cloud-sun-rain","fas fa-cloud-upload-alt","fas fa-cocktail","fas fa-code","fas fa-code-branch","fas fa-coffee","fas fa-cog","fas fa-cogs","fas fa-coins","fas fa-columns","fas fa-comment","fas fa-comment-alt","fas fa-comment-dollar","fas fa-comment-dots","fas fa-comment-medical","fas fa-comment-slash","fas fa-comments","fas fa-comments-dollar","fas fa-compact-disc","fas fa-compass","fas fa-compress","fas fa-compress-alt","fas fa-compress-arrows-alt","fas fa-concierge-bell","fas fa-cookie","fas fa-cookie-bite","fas fa-copy","fas fa-copyright","fas fa-couch","fas fa-credit-card","fas fa-crop","fas fa-crop-alt","fas fa-cross","fas fa-crosshairs","fas fa-crow","fas fa-crown","fas fa-crutch","fas fa-cube","fas fa-cubes","fas fa-cut","fas fa-database","fas fa-deaf","fas fa-democrat","fas fa-desktop","fas fa-dharmachakra","fas fa-diagnoses","fas fa-dice","fas fa-dice-d20","fas fa-dice-d6","fas fa-dice-five","fas fa-dice-four","fas fa-dice-one","fas fa-dice-six","fas fa-dice-three","fas fa-dice-two","fas fa-digital-tachograph","fas fa-directions","fas fa-divide","fas fa-dizzy","fas fa-dna","fas fa-dog","fas fa-dollar-sign","fas fa-dolly","fas fa-dolly-flatbed","fas fa-donate","fas fa-door-closed","fas fa-door-open","fas fa-dot-circle","fas fa-dove","fas fa-download","fas fa-drafting-compass","fas fa-dragon","fas fa-draw-polygon","fas fa-drum","fas fa-drum-steelpan","fas fa-drumstick-bite","fas fa-dumbbell","fas fa-dumpster","fas fa-dumpster-fire","fas fa-dungeon","fas fa-edit","fas fa-egg","fas fa-eject","fas fa-ellipsis-h","fas fa-ellipsis-v","fas fa-envelope","fas fa-envelope-open","fas fa-envelope-open-text","fas fa-envelope-square","fas fa-equals","fas fa-eraser","fas fa-ethernet","fas fa-euro-sign","fas fa-exchange-alt","fas fa-exclamation","fas fa-exclamation-circle","fas fa-exclamation-triangle","fas fa-expand","fas fa-expand-alt","fas fa-expand-arrows-alt","fas fa-external-link-alt","fas fa-external-link-square-alt","fas fa-eye","fas fa-eye-dropper","fas fa-eye-slash","fas fa-fan","fas fa-fast-backward","fas fa-fast-forward","fas fa-fax","fas fa-feather","fas fa-feather-alt","fas fa-female","fas fa-fighter-jet","fas fa-file","fas fa-file-alt","fas fa-file-archive","fas fa-file-audio","fas fa-file-code","fas fa-file-contract","fas fa-file-csv","fas fa-file-download","fas fa-file-excel","fas fa-file-export","fas fa-file-image","fas fa-file-import","fas fa-file-invoice","fas fa-file-invoice-dollar","fas fa-file-medical","fas fa-file-medical-alt","fas fa-file-pdf","fas fa-file-powerpoint","fas fa-file-prescription","fas fa-file-signature","fas fa-file-upload","fas fa-file-video","fas fa-file-word","fas fa-fill","fas fa-fill-drip","fas fa-film","fas fa-filter","fas fa-fingerprint","fas fa-fire","fas fa-fire-alt","fas fa-fire-extinguisher","fas fa-first-aid","fas fa-fish","fas fa-fist-raised","fas fa-flag","fas fa-flag-checkered","fas fa-flag-usa","fas fa-flask","fas fa-flushed","fas fa-folder","fas fa-folder-minus","fas fa-folder-open","fas fa-folder-plus","fas fa-font","fas fa-football-ball","fas fa-forward","fas fa-frog","fas fa-frown","fas fa-frown-open","fas fa-funnel-dollar","fas fa-futbol","fas fa-gamepad","fas fa-gas-pump","fas fa-gavel","fas fa-gem","fas fa-genderless","fas fa-ghost","fas fa-gift","fas fa-gifts","fas fa-glass-cheers","fas fa-glass-martini","fas fa-glass-martini-alt","fas fa-glass-whiskey","fas fa-glasses","fas fa-globe","fas fa-globe-africa","fas fa-globe-americas","fas fa-globe-asia","fas fa-globe-europe","fas fa-golf-ball","fas fa-gopuram","fas fa-graduation-cap","fas fa-greater-than","fas fa-greater-than-equal","fas fa-grimace","fas fa-grin","fas fa-grin-alt","fas fa-grin-beam","fas fa-grin-beam-sweat","fas fa-grin-hearts","fas fa-grin-squint","fas fa-grin-squint-tears","fas fa-grin-stars","fas fa-grin-tears","fas fa-grin-tongue","fas fa-grin-tongue-squint","fas fa-grin-tongue-wink","fas fa-grin-wink","fas fa-grip-horizontal","fas fa-grip-lines","fas fa-grip-lines-vertical","fas fa-grip-vertical","fas fa-guitar","fas fa-h-square","fas fa-hamburger","fas fa-hammer","fas fa-hamsa","fas fa-hand-holding","fas fa-hand-holding-heart","fas fa-hand-holding-usd","fas fa-hand-lizard","fas fa-hand-middle-finger","fas fa-hand-paper","fas fa-hand-peace","fas fa-hand-point-down","fas fa-hand-point-left","fas fa-hand-point-right","fas fa-hand-point-up","fas fa-hand-pointer","fas fa-hand-rock","fas fa-hand-scissors","fas fa-hand-spock","fas fa-hands","fas fa-hands-helping","fas fa-handshake","fas fa-hanukiah","fas fa-hard-hat","fas fa-hashtag","fas fa-hat-cowboy","fas fa-hat-cowboy-side","fas fa-hat-wizard","fas fa-hdd","fas fa-heading","fas fa-headphones","fas fa-headphones-alt","fas fa-headset","fas fa-heart","fas fa-heart-broken","fas fa-heartbeat","fas fa-helicopter","fas fa-highlighter","fas fa-hiking","fas fa-hippo","fas fa-history","fas fa-hockey-puck","fas fa-holly-berry","fas fa-home","fas fa-horse","fas fa-horse-head","fas fa-hospital","fas fa-hospital-alt","fas fa-hospital-symbol","fas fa-hot-tub","fas fa-hotdog","fas fa-hotel","fas fa-hourglass","fas fa-hourglass-end","fas fa-hourglass-half","fas fa-hourglass-start","fas fa-house-damage","fas fa-hryvnia","fas fa-i-cursor","fas fa-ice-cream","fas fa-icicles","fas fa-icons","fas fa-id-badge","fas fa-id-card","fas fa-id-card-alt","fas fa-igloo","fas fa-image","fas fa-images","fas fa-inbox","fas fa-indent","fas fa-industry","fas fa-infinity","fas fa-info","fas fa-info-circle","fas fa-italic","fas fa-jedi","fas fa-joint","fas fa-journal-whills","fas fa-kaaba","fas fa-key","fas fa-keyboard","fas fa-khanda","fas fa-kiss","fas fa-kiss-beam","fas fa-kiss-wink-heart","fas fa-kiwi-bird","fas fa-landmark","fas fa-language","fas fa-laptop","fas fa-laptop-code","fas fa-laptop-medical","fas fa-laugh","fas fa-laugh-beam","fas fa-laugh-squint","fas fa-laugh-wink","fas fa-layer-group","fas fa-leaf","fas fa-lemon","fas fa-less-than","fas fa-less-than-equal","fas fa-level-down-alt","fas fa-level-up-alt","fas fa-life-ring","fas fa-lightbulb","fas fa-link","fas fa-lira-sign","fas fa-list","fas fa-list-alt","fas fa-list-ol","fas fa-list-ul","fas fa-location-arrow","fas fa-lock","fas fa-lock-open","fas fa-long-arrow-alt-down","fas fa-long-arrow-alt-left","fas fa-long-arrow-alt-right","fas fa-long-arrow-alt-up","fas fa-low-vision","fas fa-luggage-cart","fas fa-magic","fas fa-magnet","fas fa-mail-bulk","fas fa-male","fas fa-map","fas fa-map-marked","fas fa-map-marked-alt","fas fa-map-marker","fas fa-map-marker-alt","fas fa-map-pin","fas fa-map-signs","fas fa-marker","fas fa-mars","fas fa-mars-double","fas fa-mars-stroke","fas fa-mars-stroke-h","fas fa-mars-stroke-v","fas fa-mask","fas fa-medal","fas fa-medkit","fas fa-meh","fas fa-meh-blank","fas fa-meh-rolling-eyes","fas fa-memory","fas fa-menorah","fas fa-mercury","fas fa-meteor","fas fa-microchip","fas fa-microphone","fas fa-microphone-alt","fas fa-microphone-alt-slash","fas fa-microphone-slash","fas fa-microscope","fas fa-minus","fas fa-minus-circle","fas fa-minus-square","fas fa-mitten","fas fa-mobile","fas fa-mobile-alt","fas fa-money-bill","fas fa-money-bill-alt","fas fa-money-bill-wave","fas fa-money-bill-wave-alt","fas fa-money-check","fas fa-money-check-alt","fas fa-monument","fas fa-moon","fas fa-mortar-pestle","fas fa-mosque","fas fa-motorcycle","fas fa-mountain","fas fa-mouse","fas fa-mouse-pointer","fas fa-mug-hot","fas fa-music","fas fa-network-wired","fas fa-neuter","fas fa-newspaper","fas fa-not-equal","fas fa-notes-medical","fas fa-object-group","fas fa-object-ungroup","fas fa-oil-can","fas fa-om","fas fa-otter","fas fa-outdent","fas fa-pager","fas fa-paint-brush","fas fa-paint-roller","fas fa-palette","fas fa-pallet","fas fa-paper-plane","fas fa-paperclip","fas fa-parachute-box","fas fa-paragraph","fas fa-parking","fas fa-passport","fas fa-pastafarianism","fas fa-paste","fas fa-pause","fas fa-pause-circle","fas fa-paw","fas fa-peace","fas fa-pen","fas fa-pen-alt","fas fa-pen-fancy","fas fa-pen-nib","fas fa-pen-square","fas fa-pencil-alt","fas fa-pencil-ruler","fas fa-people-carry","fas fa-pepper-hot","fas fa-percent","fas fa-percentage","fas fa-person-booth","fas fa-phone","fas fa-phone-alt","fas fa-phone-slash","fas fa-phone-square","fas fa-phone-square-alt","fas fa-phone-volume","fas fa-photo-video","fas fa-piggy-bank","fas fa-pills","fas fa-pizza-slice","fas fa-place-of-worship","fas fa-plane","fas fa-plane-arrival","fas fa-plane-departure","fas fa-play","fas fa-play-circle","fas fa-plug","fas fa-plus","fas fa-plus-circle","fas fa-plus-square","fas fa-podcast","fas fa-poll","fas fa-poll-h","fas fa-poo","fas fa-poo-storm","fas fa-poop","fas fa-portrait","fas fa-pound-sign","fas fa-power-off","fas fa-pray","fas fa-praying-hands","fas fa-prescription","fas fa-prescription-bottle","fas fa-prescription-bottle-alt","fas fa-print","fas fa-procedures","fas fa-project-diagram","fas fa-puzzle-piece","fas fa-qrcode","fas fa-question","fas fa-question-circle","fas fa-quidditch","fas fa-quote-left","fas fa-quote-right","fas fa-quran","fas fa-radiation","fas fa-radiation-alt","fas fa-rainbow","fas fa-random","fas fa-receipt","fas fa-record-vinyl","fas fa-recycle","fas fa-redo","fas fa-redo-alt","fas fa-registered","fas fa-remove-format","fas fa-reply","fas fa-reply-all","fas fa-republican","fas fa-restroom","fas fa-retweet","fas fa-ribbon","fas fa-ring","fas fa-road","fas fa-robot","fas fa-rocket","fas fa-route","fas fa-rss","fas fa-rss-square","fas fa-ruble-sign","fas fa-ruler","fas fa-ruler-combined","fas fa-ruler-horizontal","fas fa-ruler-vertical","fas fa-running","fas fa-rupee-sign","fas fa-sad-cry","fas fa-sad-tear","fas fa-satellite","fas fa-satellite-dish","fas fa-save","fas fa-school","fas fa-screwdriver","fas fa-scroll","fas fa-sd-card","fas fa-search","fas fa-search-dollar","fas fa-search-location","fas fa-search-minus","fas fa-search-plus","fas fa-seedling","fas fa-server","fas fa-shapes","fas fa-share","fas fa-share-alt","fas fa-share-alt-square","fas fa-share-square","fas fa-shekel-sign","fas fa-shield-alt","fas fa-ship","fas fa-shipping-fast","fas fa-shoe-prints","fas fa-shopping-bag","fas fa-shopping-basket","fas fa-shopping-cart","fas fa-shower","fas fa-shuttle-van","fas fa-sign","fas fa-sign-in-alt","fas fa-sign-language","fas fa-sign-out-alt","fas fa-signal","fas fa-signature","fas fa-sim-card","fas fa-sitemap","fas fa-skating","fas fa-skiing","fas fa-skiing-nordic","fas fa-skull","fas fa-skull-crossbones","fas fa-slash","fas fa-sleigh","fas fa-sliders-h","fas fa-smile","fas fa-smile-beam","fas fa-smile-wink","fas fa-smog","fas fa-smoking","fas fa-smoking-ban","fas fa-sms","fas fa-snowboarding","fas fa-snowflake","fas fa-snowman","fas fa-snowplow","fas fa-socks","fas fa-solar-panel","fas fa-sort","fas fa-sort-alpha-down","fas fa-sort-alpha-down-alt","fas fa-sort-alpha-up","fas fa-sort-alpha-up-alt","fas fa-sort-amount-down","fas fa-sort-amount-down-alt","fas fa-sort-amount-up","fas fa-sort-amount-up-alt","fas fa-sort-down","fas fa-sort-numeric-down","fas fa-sort-numeric-down-alt","fas fa-sort-numeric-up","fas fa-sort-numeric-up-alt","fas fa-sort-up","fas fa-spa","fas fa-space-shuttle","fas fa-spell-check","fas fa-spider","fas fa-spinner","fas fa-splotch","fas fa-spray-can","fas fa-square","fas fa-square-full","fas fa-square-root-alt","fas fa-stamp","fas fa-star","fas fa-star-and-crescent","fas fa-star-half","fas fa-star-half-alt","fas fa-star-of-david","fas fa-star-of-life","fas fa-step-backward","fas fa-step-forward","fas fa-stethoscope","fas fa-sticky-note","fas fa-stop","fas fa-stop-circle","fas fa-stopwatch","fas fa-store","fas fa-store-alt","fas fa-stream","fas fa-street-view","fas fa-strikethrough","fas fa-stroopwafel","fas fa-subscript","fas fa-subway","fas fa-suitcase","fas fa-suitcase-rolling","fas fa-sun","fas fa-superscript","fas fa-surprise","fas fa-swatchbook","fas fa-swimmer","fas fa-swimming-pool","fas fa-synagogue","fas fa-sync","fas fa-sync-alt","fas fa-syringe","fas fa-table","fas fa-table-tennis","fas fa-tablet","fas fa-tablet-alt","fas fa-tablets","fas fa-tachometer-alt","fas fa-tag","fas fa-tags","fas fa-tape","fas fa-tasks","fas fa-taxi","fas fa-teeth","fas fa-teeth-open","fas fa-temperature-high","fas fa-temperature-low","fas fa-tenge","fas fa-terminal","fas fa-text-height","fas fa-text-width","fas fa-th","fas fa-th-large","fas fa-th-list","fas fa-theater-masks","fas fa-thermometer","fas fa-thermometer-empty","fas fa-thermometer-full","fas fa-thermometer-half","fas fa-thermometer-quarter","fas fa-thermometer-three-quarters","fas fa-thumbs-down","fas fa-thumbs-up","fas fa-thumbtack","fas fa-ticket-alt","fas fa-times","fas fa-times-circle","fas fa-tint","fas fa-tint-slash","fas fa-tired","fas fa-toggle-off","fas fa-toggle-on","fas fa-toilet","fas fa-toilet-paper","fas fa-toolbox","fas fa-tools","fas fa-tooth","fas fa-torah","fas fa-torii-gate","fas fa-tractor","fas fa-trademark","fas fa-traffic-light","fas fa-trailer","fas fa-train","fas fa-tram","fas fa-transgender","fas fa-transgender-alt","fas fa-trash","fas fa-trash-alt","fas fa-trash-restore","fas fa-trash-restore-alt","fas fa-tree","fas fa-trophy","fas fa-truck","fas fa-truck-loading","fas fa-truck-monster","fas fa-truck-moving","fas fa-truck-pickup","fas fa-tshirt","fas fa-tty","fas fa-tv","fas fa-umbrella","fas fa-umbrella-beach","fas fa-underline","fas fa-undo","fas fa-undo-alt","fas fa-universal-access","fas fa-university","fas fa-unlink","fas fa-unlock","fas fa-unlock-alt","fas fa-upload","fas fa-user","fas fa-user-alt","fas fa-user-alt-slash","fas fa-user-astronaut","fas fa-user-check","fas fa-user-circle","fas fa-user-clock","fas fa-user-cog","fas fa-user-edit","fas fa-user-friends","fas fa-user-graduate","fas fa-user-injured","fas fa-user-lock","fas fa-user-md","fas fa-user-minus","fas fa-user-ninja","fas fa-user-nurse","fas fa-user-plus","fas fa-user-secret","fas fa-user-shield","fas fa-user-slash","fas fa-user-tag","fas fa-user-tie","fas fa-user-times","fas fa-users","fas fa-users-cog","fas fa-utensil-spoon","fas fa-utensils","fas fa-vector-square","fas fa-venus","fas fa-venus-double","fas fa-venus-mars","fas fa-vial","fas fa-vials","fas fa-video","fas fa-video-slash","fas fa-vihara","fas fa-voicemail","fas fa-volleyball-ball","fas fa-volume-down","fas fa-volume-mute","fas fa-volume-off","fas fa-volume-up","fas fa-vote-yea","fas fa-vr-cardboard","fas fa-walking","fas fa-wallet","fas fa-warehouse","fas fa-water","fas fa-wave-square","fas fa-weight","fas fa-weight-hanging","fas fa-wheelchair","fas fa-wifi","fas fa-wind","fas fa-window-close","fas fa-window-maximize","fas fa-window-minimize","fas fa-window-restore","fas fa-wine-bottle","fas fa-wine-glass","fas fa-wine-glass-alt","fas fa-won-sign","fas fa-wrench","fas fa-x-ray","fas fa-yen-sign","fas fa-yin-yang"]},brands:{title:"Brands",prefix:"fab fa-",iconstyle:"fa-brands",listicon:"fab fa-font-awesome-flag",icons:["fab fa-500px","fab fa-accessible-icon","fab fa-accusoft","fab fa-acquisitions-incorporated","fab fa-adn","fab fa-adobe","fab fa-adversal","fab fa-affiliatetheme","fab fa-airbnb","fab fa-algolia","fab fa-alipay","fab fa-amazon","fab fa-amazon-pay","fab fa-amilia","fab fa-android","fab fa-angellist","fab fa-angrycreative","fab fa-angular","fab fa-app-store","fab fa-app-store-ios","fab fa-apper","fab fa-apple","fab fa-apple-pay","fab fa-artstation","fab fa-asymmetrik","fab fa-atlassian","fab fa-audible","fab fa-autoprefixer","fab fa-avianex","fab fa-aviato","fab fa-aws","fab fa-bandcamp","fab fa-battle-net","fab fa-behance","fab fa-behance-square","fab fa-bimobject","fab fa-bitbucket","fab fa-bitcoin","fab fa-bity","fab fa-black-tie","fab fa-blackberry","fab fa-blogger","fab fa-blogger-b","fab fa-bluetooth","fab fa-bluetooth-b","fab fa-bootstrap","fab fa-btc","fab fa-buffer","fab fa-buromobelexperte","fab fa-buy-n-large","fab fa-buysellads","fab fa-canadian-maple-leaf","fab fa-cc-amazon-pay","fab fa-cc-amex","fab fa-cc-apple-pay","fab fa-cc-diners-club","fab fa-cc-discover","fab fa-cc-jcb","fab fa-cc-mastercard","fab fa-cc-paypal","fab fa-cc-stripe","fab fa-cc-visa","fab fa-centercode","fab fa-centos","fab fa-chrome","fab fa-chromecast","fab fa-cloudscale","fab fa-cloudsmith","fab fa-cloudversify","fab fa-codepen","fab fa-codiepie","fab fa-confluence","fab fa-connectdevelop","fab fa-contao","fab fa-cotton-bureau","fab fa-cpanel","fab fa-creative-commons","fab fa-creative-commons-by","fab fa-creative-commons-nc","fab fa-creative-commons-nc-eu","fab fa-creative-commons-nc-jp","fab fa-creative-commons-nd","fab fa-creative-commons-pd","fab fa-creative-commons-pd-alt","fab fa-creative-commons-remix","fab fa-creative-commons-sa","fab fa-creative-commons-sampling","fab fa-creative-commons-sampling-plus","fab fa-creative-commons-share","fab fa-creative-commons-zero","fab fa-critical-role","fab fa-css3","fab fa-css3-alt","fab fa-cuttlefish","fab fa-d-and-d","fab fa-d-and-d-beyond","fab fa-dashcube","fab fa-delicious","fab fa-deploydog","fab fa-deskpro","fab fa-dev","fab fa-deviantart","fab fa-dhl","fab fa-diaspora","fab fa-digg","fab fa-digital-ocean","fab fa-discord","fab fa-discourse","fab fa-dochub","fab fa-docker","fab fa-draft2digital","fab fa-dribbble","fab fa-dribbble-square","fab fa-dropbox","fab fa-drupal","fab fa-dyalog","fab fa-earlybirds","fab fa-ebay","fab fa-edge","fab fa-elementor","fab fa-ello","fab fa-ember","fab fa-empire","fab fa-envira","fab fa-erlang","fab fa-ethereum","fab fa-etsy","fab fa-evernote","fab fa-expeditedssl","fab fa-facebook","fab fa-facebook-f","fab fa-facebook-messenger","fab fa-facebook-square","fab fa-fantasy-flight-games","fab fa-fedex","fab fa-fedora","fab fa-figma","fab fa-firefox","fab fa-firefox-browser","fab fa-first-order","fab fa-first-order-alt","fab fa-firstdraft","fab fa-flickr","fab fa-flipboard","fab fa-fly","fab fa-font-awesome","fab fa-font-awesome-alt","fab fa-font-awesome-flag","fab fa-fonticons","fab fa-fonticons-fi","fab fa-fort-awesome","fab fa-fort-awesome-alt","fab fa-forumbee","fab fa-foursquare","fab fa-free-code-camp","fab fa-freebsd","fab fa-fulcrum","fab fa-galactic-republic","fab fa-galactic-senate","fab fa-get-pocket","fab fa-gg","fab fa-gg-circle","fab fa-git","fab fa-git-alt","fab fa-git-square","fab fa-github","fab fa-github-alt","fab fa-github-square","fab fa-gitkraken","fab fa-gitlab","fab fa-gitter","fab fa-glide","fab fa-glide-g","fab fa-gofore","fab fa-goodreads","fab fa-goodreads-g","fab fa-google","fab fa-google-drive","fab fa-google-play","fab fa-google-plus","fab fa-google-plus-g","fab fa-google-plus-square","fab fa-google-wallet","fab fa-gratipay","fab fa-grav","fab fa-gripfire","fab fa-grunt","fab fa-gulp","fab fa-hacker-news","fab fa-hacker-news-square","fab fa-hackerrank","fab fa-hips","fab fa-hire-a-helper","fab fa-hooli","fab fa-hornbill","fab fa-hotjar","fab fa-houzz","fab fa-html5","fab fa-hubspot","fab fa-ideal","fab fa-imdb","fab fa-instagram","fab fa-intercom","fab fa-internet-explorer","fab fa-invision","fab fa-ioxhost","fab fa-itch-io","fab fa-itunes","fab fa-itunes-note","fab fa-java","fab fa-jedi-order","fab fa-jenkins","fab fa-jira","fab fa-joget","fab fa-joomla","fab fa-js","fab fa-js-square","fab fa-jsfiddle","fab fa-kaggle","fab fa-keybase","fab fa-keycdn","fab fa-kickstarter","fab fa-kickstarter-k","fab fa-korvue","fab fa-laravel","fab fa-lastfm","fab fa-lastfm-square","fab fa-leanpub","fab fa-less","fab fa-line","fab fa-linkedin","fab fa-linkedin-in","fab fa-linode","fab fa-linux","fab fa-lyft","fab fa-magento","fab fa-mailchimp","fab fa-mandalorian","fab fa-markdown","fab fa-mastodon","fab fa-maxcdn","fab fa-mdb","fab fa-medapps","fab fa-medium","fab fa-medium-m","fab fa-medrt","fab fa-meetup","fab fa-megaport","fab fa-mendeley","fab fa-microblog","fab fa-microsoft","fab fa-mix","fab fa-mixcloud","fab fa-mizuni","fab fa-modx","fab fa-monero","fab fa-napster","fab fa-neos","fab fa-nimblr","fab fa-node","fab fa-node-js","fab fa-npm","fab fa-ns8","fab fa-nutritionix","fab fa-odnoklassniki","fab fa-odnoklassniki-square","fab fa-old-republic","fab fa-opencart","fab fa-openid","fab fa-opera","fab fa-optin-monster","fab fa-orcid","fab fa-osi","fab fa-page4","fab fa-pagelines","fab fa-palfed","fab fa-patreon","fab fa-paypal","fab fa-penny-arcade","fab fa-periscope","fab fa-phabricator","fab fa-phoenix-framework","fab fa-phoenix-squadron","fab fa-php","fab fa-pied-piper","fab fa-pied-piper-alt","fab fa-pied-piper-hat","fab fa-pied-piper-pp","fab fa-pied-piper-square","fab fa-pinterest","fab fa-pinterest-p","fab fa-pinterest-square","fab fa-playstation","fab fa-product-hunt","fab fa-pushed","fab fa-python","fab fa-qq","fab fa-quinscape","fab fa-quora","fab fa-r-project","fab fa-raspberry-pi","fab fa-ravelry","fab fa-react","fab fa-reacteurope","fab fa-readme","fab fa-rebel","fab fa-red-river","fab fa-reddit","fab fa-reddit-alien","fab fa-reddit-square","fab fa-redhat","fab fa-renren","fab fa-replyd","fab fa-researchgate","fab fa-resolving","fab fa-rev","fab fa-rocketchat","fab fa-rockrms","fab fa-safari","fab fa-salesforce","fab fa-sass","fab fa-schlix","fab fa-scribd","fab fa-searchengin","fab fa-sellcast","fab fa-sellsy","fab fa-servicestack","fab fa-shirtsinbulk","fab fa-shopware","fab fa-simplybuilt","fab fa-sistrix","fab fa-sith","fab fa-sketch","fab fa-skyatlas","fab fa-skype","fab fa-slack","fab fa-slack-hash","fab fa-slideshare","fab fa-snapchat","fab fa-snapchat-ghost","fab fa-snapchat-square","fab fa-soundcloud","fab fa-sourcetree","fab fa-speakap","fab fa-speaker-deck","fab fa-spotify","fab fa-squarespace","fab fa-stack-exchange","fab fa-stack-overflow","fab fa-stackpath","fab fa-staylinked","fab fa-steam","fab fa-steam-square","fab fa-steam-symbol","fab fa-sticker-mule","fab fa-strava","fab fa-stripe","fab fa-stripe-s","fab fa-studiovinari","fab fa-stumbleupon","fab fa-stumbleupon-circle","fab fa-superpowers","fab fa-supple","fab fa-suse","fab fa-swift","fab fa-symfony","fab fa-teamspeak","fab fa-telegram","fab fa-telegram-plane","fab fa-tencent-weibo","fab fa-the-red-yeti","fab fa-themeco","fab fa-themeisle","fab fa-think-peaks","fab fa-trade-federation","fab fa-trello","fab fa-tripadvisor","fab fa-tumblr","fab fa-tumblr-square","fab fa-twitch","fab fa-twitter","fab fa-twitter-square","fab fa-typo3","fab fa-uber","fab fa-ubuntu","fab fa-uikit","fab fa-umbraco","fab fa-uniregistry","fab fa-unity","fab fa-untappd","fab fa-ups","fab fa-usb","fab fa-usps","fab fa-ussunnah","fab fa-vaadin","fab fa-viacoin","fab fa-viadeo","fab fa-viadeo-square","fab fa-viber","fab fa-vimeo","fab fa-vimeo-square","fab fa-vimeo-v","fab fa-vine","fab fa-vk","fab fa-vnv","fab fa-vuejs","fab fa-waze","fab fa-weebly","fab fa-weibo","fab fa-weixin","fab fa-whatsapp","fab fa-whatsapp-square","fab fa-whmcs","fab fa-wikipedia-w","fab fa-windows","fab fa-wix","fab fa-wizards-of-the-coast","fab fa-wolf-pack-battalion","fab fa-wordpress","fab fa-wordpress-simple","fab fa-wpbeginner","fab fa-wpexplorer","fab fa-wpforms","fab fa-wpressr","fab fa-xbox","fab fa-xing","fab fa-xing-square","fab fa-y-combinator","fab fa-yahoo","fab fa-yammer","fab fa-yandex","fab fa-yandex-international","fab fa-yarn","fab fa-yelp","fab fa-yoast","fab fa-youtube","fab fa-youtube-square","fab fa-zhihu"]}}}};const s={inheritAttrs:!1,props:{label:{type:String,default:"Vue3 Icon Picker"},modelValue:{type:String,default:"fas fa-circle"}},setup(s,e){const r=a.ref(""),i=a.ref(s.modelValue),o=a.ref(!1),t=[{id:"all",title:"All Icons",icon:"fas fa-star-of-life",link:"all"},{id:"far",title:"Font Awesome Regular",icon:"fab fa-font-awesome-alt",link:f.fontAwesome.variants.regular},{id:"fas",title:"Font Awesome Solid",icon:"fab fa-font-awesome",link:f.fontAwesome.variants.solid},{id:"fab",title:"Font Awesome Brands",icon:"fab fa-font-awesome-flag",link:f.fontAwesome.variants.brands}],l=a.ref(t[0]),n=[].concat(t[1].link.icons,t[2].link.icons,t[3].link.icons),c=a.computed((()=>{let a=[];if(a="all"!==l.value.id?l.value.link.icons:n,""!=r.value){const f=r.value.toLowerCase();a=a.filter((a=>a.substr(7,r.value.length)===f))}return a}));return{fontLibrary:f,tabs:t,isActiveTab:a=>a==l.value.id,setActiveTab:a=>{l.value=a},glyphs:c,activeGlyph:i,getGlyphName:a=>a.replace(/f.. fa-/g,"").replace("-"," "),filterText:r,setActiveGlyph:a=>{i.value=a},isActiveGlyph:a=>i.value==a,insert:()=>{e.emit("update:modelValue",i.value),o.value=!1},isVisible:o,togglePicker:()=>{o.value=!o.value},closePicker:()=>{o.value=!1}}}},e=a.withScopeId("data-v-02a817ad");a.pushScopeId("data-v-02a817ad");const r={key:0,class:"aim-modal aim-open"},i={class:"aim-modal--content"},o={class:"aim-modal--header"},t={class:"aim-modal--header-logo-area"},l={class:"aim-modal--header-logo-title"},n=a.createVNode("i",{class:"fas fa-times",title:"Close"},null,-1),c={class:"aim-modal--body"},b={class:"aim-modal--sidebar"},d={class:"aim-modal--sidebar-tabs"},p={class:"aim-sidebar-preview"},u={class:"aim-icon-item "},m={class:"aim-icon-item-inner"},h={class:"aim-icon-item-name"},g={class:"aim-modal--icon-preview-wrap"},k={class:"aim-modal--icon-search"},w=a.createVNode("i",{class:"fas fa-search"},null,-1),v={class:"aim-modal--icon-preview-inner"},y={class:"aim-modal--icon-preview"},q={class:"aim-icon-item-inner"},x={class:"aim-icon-item-name"},V={class:"aim-modal--footer"};a.popScopeId();const N=e(((f,s,e,N,j,z)=>(a.openBlock(),a.createBlock(a.Fragment,null,[a.createVNode("span",a.mergeProps(f.$attrs,{onClick:s[1]||(s[1]=(...a)=>N.togglePicker&&N.togglePicker(...a))}),[a.createVNode("i",{class:["vue3-icon-picker",e.modelValue]},null,2)],16),N.isVisible?(a.openBlock(),a.createBlock("div",r,[a.createVNode("div",i,[a.createVNode("div",o,[a.createVNode("div",t,[a.createVNode("span",l,a.toDisplayString(e.label),1)]),a.createVNode("div",{class:"aim-modal--header-close-btn",onClick:s[2]||(s[2]=(...a)=>N.closePicker&&N.closePicker(...a))},[n])]),a.createVNode("div",c,[a.createVNode("div",b,[a.createVNode("div",d,[(a.openBlock(!0),a.createBlock(a.Fragment,null,a.renderList(N.tabs,(f=>(a.openBlock(),a.createBlock("div",{class:["aim-modal--sidebar-tab-item",{"aesthetic-active":N.isActiveTab(f.id)}],"data-library-id":"all",key:f.id,onClick:a=>N.setActiveTab(f)},[a.createVNode("i",{class:f.icon},null,2),a.createVNode("span",null,a.toDisplayString(f.title),1)],10,["onClick"])))),128))]),a.createVNode("div",p,[a.createVNode("div",u,[a.createVNode("div",m,[a.createVNode("i",{class:N.activeGlyph},null,2),a.createVNode("div",h,a.toDisplayString(N.activeGlyph),1)])])])]),a.createVNode("div",g,[a.createVNode("div",k,[a.withDirectives(a.createVNode("input",{"onUpdate:modelValue":s[3]||(s[3]=a=>N.filterText=a),placeholder:"Filter by name..."},null,512),[[a.vModelText,N.filterText]]),w]),a.createVNode("div",v,[a.createVNode("div",y,[(a.openBlock(!0),a.createBlock(a.Fragment,null,a.renderList(N.glyphs,(f=>(a.openBlock(),a.createBlock("div",{class:["aim-icon-item",{"aesthetic-selected":N.isActiveGlyph(f)}],key:f,onClick:a=>N.setActiveGlyph(f)},[a.createVNode("div",q,[a.createVNode("i",{class:f},null,2),a.createVNode("div",x,a.toDisplayString(N.getGlyphName(f)),1)])],10,["onClick"])))),128))])])])]),a.createVNode("div",V,[a.createVNode("button",{class:"aim-insert-icon-button",onClick:s[4]||(s[4]=(...a)=>N.insert&&N.insert(...a))},"Insert")])])])):a.createCommentVNode("",!0)],64))));return s.render=N,s.__scopeId="data-v-02a817ad",s}));
2 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" href="/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>Vue3 Icon Picker</title>
 8 |     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
 9 |   </head>
10 |   <body>
11 |     <div id="app"></div>
12 |     <p style="text-align: center;">
13 |       <!-- Place this tag where you want the button to render. -->
14 |       <a
15 |         class="github-button"
16 |         href="https://github.com/hasinhayder/vue3-icon-picker"
17 |         data-color-scheme="no-preference: dark; light: light; dark: dark;"
18 |         data-size="large"
19 |         data-show-count="true"
20 |         aria-label="Star ntkme/github-buttons on GitHub"
21 |       >
22 |         Star
23 |       </a>
24 |     </p>
25 |     <script type="module" src="/src/main.js"></script>
26 |     <!-- Place this tag in your head or just before your close body tag. -->
27 |     <script async defer src="https://buttons.github.io/buttons.js"></script>
28 |   </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue3-icon-picker",
 3 |   "version": "0.0.0",
 4 |   "scripts": {
 5 |     "dev": "vite",
 6 |     "build": "vite build",
 7 |     "serve": "vite preview"
 8 |   },
 9 |   "dependencies": {
10 |     "@rollup/plugin-replace": "^2.4.2",
11 |     "vue": "^3.0.5"
12 |   },
13 |   "devDependencies": {
14 |     "@vitejs/plugin-vue": "^1.2.3",
15 |     "@vue/compiler-sfc": "^3.0.11",
16 |     "vite": "^2.3.6"
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hasinhayder/vue3-icon-picker/0e62cf74d2fe9d549d6c126f2899040cbee4471e/public/favicon.ico


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
 1 | # Vue3 Icon Picker
 2 | 
 3 | Vanilla Js Version was developed by the awesome people @ here - https://github.com/sh-sabbir/aesthetic-icon-picker/
 4 | 
 5 | Ported to Vue3 By [Me](https://fb.me/hasin "Hasin Hayder") :)
 6 | 
 7 | Check The Demo of [Vue3 Icon Picker](https://hasinhayder.github.io/vue3-icon-picker/ "Vue3 Icon Picker Demo") :)
 8 | 
 9 | ### How to build
10 | ```sh
11 | git clone https://github.com/hasinhayder/vue3-icon-picker.git
12 | cd vue3-icon-picker
13 | yarn 
14 | yarn dev  
15 | 
16 | #when you're happy with the changes
17 | yarn build
18 | ```
19 | 
20 | ### Preview
21 | 
22 | ![Vue3 Icon Picker Preview](https://hasinhayder.github.io/vue3-icon-picker/preview.png)
23 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <a href="https://github.com/hasinhayder/vue3-icon-picker" target="_blank">
 3 |     <img alt="Vue logo" src="./assets/logo.png" />
 4 |   </a>
 5 | 
 6 |   <div>
 7 |     <h1>Click on the icon to see Vue3 Icon Picker in action</h1>
 8 |   </div>
 9 |   <vue3-icon-picker v-model="icon1" class="icon" />
10 |   <div>
11 |     <h1>Works in inline <vue3-icon-picker v-model="icon2" /> text tooooo</h1>
12 |   </div>
13 |   <div>
14 |     <p>
15 |       And even in paragraphs, like <vue3-icon-picker v-model="icon3" /> this icon
16 |     </p>
17 |   </div>
18 |   <div>
19 |     <h1>
20 |       You can pass <vue3-icon-picker v-model="icon4" style="color:orange" /> inline
21 |       css and attributes as well
22 |     </h1>
23 |   </div>
24 | 
25 |   <p>
26 |     Icon 1 = {{ icon1 }}<br />
27 |     Icon 2 = {{ icon2 }}<br />
28 |     Icon 3 = {{ icon3 }}<br />
29 |     Icon 4 = {{ icon4 }}<br />
30 |   </p>
31 | 
32 |   
33 | </template>
34 | 
35 | <script>
36 | import { ref } from 'vue'
37 | import Vue3IconPicker from './components/Vue3IconPicker.vue'
38 | export default {
39 |   components: {
40 |     Vue3IconPicker
41 |   },
42 |   setup () {
43 |     const icon1 = ref('far fa-grin-hearts')
44 |     const icon2 = ref('far fa-thumbs-up')
45 |     const icon3 = ref('fab fa-github')
46 |     const icon4 = ref('fas fa-code')
47 |     return { icon1, icon2, icon3, icon4 }
48 |   }
49 | }
50 | </script>
51 | 
52 | <style>
53 | #app {
54 |   font-family: Avenir, Helvetica, Arial, sans-serif;
55 |   -webkit-font-smoothing: antialiased;
56 |   -moz-osx-font-smoothing: grayscale;
57 |   text-align: center;
58 |   color: #2c3e50;
59 |   margin-top: 60px;
60 | }
61 | 
62 | .icon {
63 |   font-size: 40px;
64 | }
65 | </style>
66 | 


--------------------------------------------------------------------------------
/src/assets/css/style.css:
--------------------------------------------------------------------------------
  1 | .vue3-icon-picker{
  2 |   cursor: pointer;
  3 |   /* font-size:30px; */
  4 | }
  5 | 
  6 | button.select-icon {
  7 |     padding: 20px;
  8 |     border-radius: 5px;
  9 |     background-color: #70b2dc;
 10 |     font-size: 22px;
 11 |     cursor: pointer;
 12 | }
 13 | 
 14 | .icon-picker-wrap ul {
 15 |     list-style: none;
 16 |     margin: 0;
 17 |     padding: 0;
 18 |     display: inline-flex;
 19 | }
 20 | 
 21 | .icon-picker-wrap ul li {
 22 |     border: 2px solid #ddd;
 23 |     line-height: 1;
 24 |     font-size: 20px;
 25 |     cursor: pointer;
 26 |     padding: 5px;
 27 | }
 28 | 
 29 | .icon-picker-wrap ul li i {
 30 |     font-size: 68px;
 31 |     line-height: 1;
 32 |     margin: 0;
 33 | }
 34 | 
 35 | .icon-picker-wrap ul li:nth-child(2) {
 36 |     border-left: 0;
 37 | }
 38 | 
 39 | /*
 40 |  */
 41 |  .aim-close{
 42 | 	opacity: 0;
 43 | 	visibility: hidden;
 44 | 	transition: all 0.4s ease-in-out;
 45 | }
 46 | 
 47 | .aim-open{
 48 | 	opacity: 1;
 49 | 	visibility: visible;
 50 | 	transition: all 0.4s ease-in-out;
 51 | }
 52 |  .aim-modal {
 53 | 	position: fixed;
 54 | 	height: 100%;
 55 | 	width: 100%;
 56 | 	bottom: 0;
 57 |     left: 0;
 58 | 	background-color: rgba(0, 0, 0, 0.6);
 59 | 	z-index: 9999;
 60 | 	user-select: none;
 61 | 	display: flex;
 62 |     align-items: center;
 63 | }
 64 | 
 65 |  .aim-modal .aim-modal--content {
 66 | 	position: absolute;
 67 | 	border-radius: 3px;
 68 | 	box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
 69 | 	overflow: hidden;
 70 | 	font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
 71 | 	background-color: #f1f3f5;
 72 |     width: 100%;
 73 |     margin: auto;
 74 |     left: 0;
 75 |     right: 0;
 76 | }
 77 | 
 78 | 
 79 | /* Header */
 80 | .aim-modal .aim-modal--header {
 81 | 	padding: 15px 15px;
 82 |     background-color: #fff;
 83 |     box-shadow: 0 0 8px rgb(0 0 0 / 10%);
 84 |     position: relative;
 85 |     z-index: 1;
 86 |     font-size: 15px;
 87 |     color: #495157;
 88 |     font-weight: 500;
 89 |     display: flex;
 90 |     align-items: center;
 91 |     justify-content: space-between;
 92 | }
 93 | 
 94 | .aim-modal--header-logo-title {
 95 |     padding-top: 2px;
 96 |     line-height: 1;
 97 |     text-transform: uppercase;
 98 |     font-weight: bold;
 99 |     cursor: pointer;
100 | }
101 | 
102 | .aim-modal--header-close-btn {
103 | 	cursor: pointer;
104 | }
105 | .aim-modal--header-close-btn i {
106 | 	font-size: 22px;
107 | }
108 | 
109 | /* body */
110 | .aim-modal--body {
111 | 	font-size: 12px;
112 |     line-height: 1.5;
113 |     box-sizing: border-box;
114 |     padding: 0;
115 |     height: 700px;
116 |     display: flex;
117 |     min-height: 50px;
118 |     max-height: 85vh;
119 |     overflow: auto;
120 | }
121 | 
122 | 
123 | /* Sidebar Tabs */
124 | .aim-modal--sidebar {
125 |     -ms-flex-negative: 0;
126 |     flex-shrink: 0;
127 |     width: 25%;
128 |     background-color: hsla(0,0%,100%,.3);
129 | }
130 | .aim-modal--sidebar-tabs {
131 | 	margin-top: 30px;
132 | }
133 | .aim-modal--sidebar-tab-item {
134 | 	padding: 15px 0 15px 45px;
135 | 	font-size: 14px;
136 | 	color: #6d7882;
137 | 	text-align: left;
138 | 	cursor: pointer;
139 | 	position: relative;
140 | 	display: flex;
141 | 	align-items: center;
142 | 	text-transform: capitalize;
143 | }
144 | .aim-modal--sidebar-tab-item i {
145 | 	font-size: 20px;
146 | 	padding-right: 15px;
147 | 	color: #a4afb7;
148 | }
149 | 
150 | .aim-modal--sidebar-tab-item.aesthetic-active {
151 | 	background-color: #fff;
152 | 	-webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
153 | 	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
154 | }
155 | .aim-modal--sidebar-tab-item.aesthetic-active:after {
156 | 	content: "";
157 | 	position: absolute;
158 | 	height: 100%;
159 | 	width: 5px;
160 | 	top: 0;
161 | 	left: 0;
162 | 	background-color: #71d7f7;
163 | }
164 | .aim-modal--sidebar-tab-item.aesthetic-active i {
165 | 	color: #71d7f7;
166 | }
167 | 
168 | 
169 | 
170 | 
171 | /* Preview wrapper */
172 | .aim-modal--icon-preview-wrap {
173 | 	display: -webkit-box;
174 | 	display: -ms-flexbox;
175 | 	display: flex;
176 | 	-webkit-box-orient: vertical;
177 | 	-webkit-box-direction: normal;
178 | 	-ms-flex-direction: column;
179 | 	flex-direction: column;
180 | 	padding: 30px 80px 0;
181 | 	width: 75%;
182 | }
183 | .aim-modal--icon-preview-inner{
184 | 	overflow: auto;
185 |     margin: 25px -15px 0;
186 |     padding: 0 15px 15px;
187 | }
188 | 
189 | .aim-modal--icon-preview {
190 | 	display: grid;
191 | 	grid-template-columns: repeat(7, 1fr);
192 | 	grid-gap: 20px;
193 | 	margin: 20px 0;
194 | }
195 | 
196 | 
197 | /* search filter */
198 | .aim-modal--icon-search {
199 | 	position: relative;
200 | }
201 | .aim-modal--icon-search input {
202 | 	width: calc( 100% - 30px);
203 | 	padding: 8px 15px;
204 | 	background-color: #fff;
205 | 	border: none;
206 | }
207 | .aim-modal--icon-search input::-webkit-input-placeholder {
208 | 	font-style: italic;
209 | }
210 | .aim-modal--icon-search input::-moz-placeholder {
211 | 	font-style: italic;
212 | }
213 | .aim-modal--icon-search input::-ms-input-placeholder {
214 | 	font-style: italic;
215 | }
216 | .aim-modal--icon-search input::placeholder {
217 | 	font-style: italic;
218 | }
219 | .aim-modal--icon-search i {
220 | 	position: absolute;
221 | 	top: 50%;
222 | 	-webkit-transform: translateY(-50%);
223 | 	-ms-transform: translateY(-50%);
224 | 	transform: translateY(-50%);
225 | 	right: 15px;
226 | }
227 | 
228 | /* Icon Item */
229 | .aim-icon-item {
230 | 	position: relative;
231 | 	padding: 10px;
232 | 	background-color: #fff;
233 | 	-webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05);
234 | 	box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05);
235 | 	-webkit-border-radius: 3px;
236 | 	border-radius: 3px;
237 | 	cursor: pointer;
238 | 	-webkit-transition: all 0.3s;
239 | 	-o-transition: all 0.3s;
240 | 	transition: all 0.3s;
241 | 	overflow: hidden;
242 | }
243 | .aim-icon-item:hover {
244 | 	-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.16);
245 | 	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.16);
246 | }
247 | .aim-icon-item.aesthetic-selected {
248 | 	-webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 0 0 3px #71d7f7;
249 | 	box-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 0 0 3px #71d7f7;
250 | }
251 | .aim-icon-item-inner {
252 | 	display: -webkit-box;
253 | 	display: -ms-flexbox;
254 | 	display: flex;
255 | 	-webkit-box-orient: vertical;
256 | 	-webkit-box-direction: normal;
257 | 	-ms-flex-direction: column;
258 | 	flex-direction: column;
259 | 	-webkit-box-align: center;
260 | 	-ms-flex-align: center;
261 | 	align-items: center;
262 | 	padding: 1px;
263 | }
264 | .aim-icon-item-inner i,
265 | .aim-icon-item__icon {
266 | 	font-size: 25px;
267 | 	color: #6d7882;
268 | }
269 | .aim-icon-item-name {
270 | 	color: #c2cbd2;
271 | 	font-size: 11px;
272 | 	padding: 13px 20px 0;
273 | 	max-width: 100%;
274 | 	white-space: nowrap;
275 | 	-o-text-overflow: ellipsis;
276 | 	text-overflow: ellipsis;
277 | 	overflow: hidden;
278 | 	text-transform: capitalize;
279 | }
280 | 
281 | 
282 | /* Footer */
283 | .aim-modal .aim-modal--footer {
284 | 	border-top: 1px solid #e6e9ec;
285 | 	text-align: center;
286 | 	background-color: #fff;
287 | 	border: none;
288 | 	display: none;
289 | 	justify-content: flex-end;
290 | 	padding: 5px;
291 | 	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
292 | 	position: relative;
293 | 	display: -webkit-box;
294 | 	display: -ms-flexbox;
295 | 	display: flex;
296 | }
297 | 
298 | .aim-modal--footer button.aim-insert-icon-button {
299 |     padding: 10px 35px;
300 |     color: #fff;
301 |     font-size: 15px;
302 |     background-color: #39b54a;
303 |     border: none;
304 |     cursor: pointer;
305 |     outline: 0;
306 | }
307 | 
308 | .aim-modal .aim-modal--footer .aesthetic-button {
309 | 	height: 40px;
310 | 	margin-left: 5px;
311 | }
312 | .aim-modal .aim-modal--footer .aesthetic-button-success {
313 | 	padding: 12px 36px;
314 | 	color: #fff;
315 | 	width: initial;
316 | 	font-size: 15px;
317 | }
318 | .aim-modal .aim-modal--footer .aesthetic-button-success:hover {
319 | 	background-color: #39b54a;
320 | }
321 | 
322 | /* preview sidebar */
323 | .aim-sidebar-preview {
324 |   position: absolute;
325 |   bottom: 50px;
326 |   width: 300px;
327 | }
328 | 
329 | .aim-sidebar-preview .aim-icon-item {
330 |   height: 200px;
331 | }
332 | 
333 | .aim-sidebar-preview .aim-icon-item-inner i {
334 |   padding-top: 10px;
335 |   font-size: 120px;
336 | }
337 | 
338 | .aim-sidebar-preview .aim-icon-item-name {
339 |   padding-top: 20px;
340 |   font-size: 20px;
341 |   color: #444;
342 |   text-transform: lowercase;
343 | }
344 | 
345 | 
346 | /* Responsive css */
347 | 
348 | @media (max-width: 1439px) {
349 | 	.aim-modal .aim-modal--content {
350 | 		max-width: 990px;
351 | 	}
352 | }
353 | @media (min-width: 1440px) {
354 | 	.aim-modal .aim-modal--content {
355 | 		max-width: 1200px;
356 | 	}
357 | }
358 | @media (max-width: 1439px) {
359 | 	.aim-modal--icon-preview-wrap {
360 | 		padding: 30px 50px 0;
361 | 	}
362 | }
363 | @media (max-width: 479px) {
364 | 	.aim-modal--icon-preview-wrap {
365 | 		width: 100%;
366 | 	}
367 | }
368 | @media (max-width: 1439px) {
369 | 	.aim-modal--icon-preview {
370 | 		grid-template-columns: repeat(6, 1fr);
371 | 	}
372 | }
373 | @media (max-width: 1024px) {
374 | 	.aim-modal--icon-preview {
375 | 		grid-template-columns: repeat(5, 1fr);
376 | 	}
377 | }
378 | @media (max-width: 767px) {
379 | 	.aim-modal--icon-preview {
380 | 		grid-template-columns: repeat(4, 1fr);
381 | 	}
382 | }
383 | @media (max-width: 479px) {
384 | 	.aim-modal--icon-preview {
385 | 		grid-template-columns: repeat(3, 1fr);
386 | 	}
387 | }
388 | @media (max-width: 479px) {
389 | 	.aim-modal--sidebar {
390 | 		display: none;
391 | 	}
392 | }
393 | @media (max-width: 1439px) {
394 | 	.aim-modal--sidebar-tab-item {
395 | 		padding: 15px 15px 15px 25px;
396 | 		font-size: 11px;
397 | 	}
398 | 	.aim-modal--sidebar-tab-item i {
399 | 		font-size: 15px;
400 | 	}
401 | }
402 | @media (max-width: 1024px) {
403 | 	.aim-modal--sidebar-tab-item i {
404 | 		display: none;
405 | 	}
406 | }
407 | 


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hasinhayder/vue3-icon-picker/0e62cf74d2fe9d549d6c126f2899040cbee4471e/src/assets/logo.png


--------------------------------------------------------------------------------
/src/components/Vue3IconPicker.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <span v-bind="$attrs" @click="togglePicker">
  3 |     <i class="vue3-icon-picker" :class="modelValue"></i>
  4 |   </span>
  5 | 
  6 |   <div class="aim-modal aim-open" v-if="isVisible">
  7 |     <div class="aim-modal--content">
  8 |       <div class="aim-modal--header">
  9 |         <div class="aim-modal--header-logo-area">
 10 |           <span class="aim-modal--header-logo-title">
 11 |             {{ label }}
 12 |           </span>
 13 |         </div>
 14 |         <div class="aim-modal--header-close-btn" @click="closePicker">
 15 |           <i class="fas fa-times" title="Close"></i>
 16 |         </div>
 17 |       </div>
 18 |       <div class="aim-modal--body">
 19 |         <div class="aim-modal--sidebar">
 20 |           <div class="aim-modal--sidebar-tabs">
 21 |             <div
 22 |               class="aim-modal--sidebar-tab-item"
 23 |               data-library-id="all"
 24 |               v-for="tab in tabs"
 25 |               :key="tab.id"
 26 |               :class="{ 'aesthetic-active': isActiveTab(tab.id) }"
 27 |               @click="setActiveTab(tab)"
 28 |             >
 29 |               <i :class="tab.icon"></i>
 30 |               <span>{{ tab.title }}</span>
 31 |             </div>
 32 |           </div>
 33 |           <div class="aim-sidebar-preview">
 34 |             <div class="aim-icon-item ">
 35 |               <div class="aim-icon-item-inner">
 36 |                 <i :class="activeGlyph"></i>
 37 |                 <div class="aim-icon-item-name">
 38 |                   {{ activeGlyph }}
 39 |                 </div>
 40 |               </div>
 41 |             </div>
 42 |           </div>
 43 |         </div>
 44 |         <div class="aim-modal--icon-preview-wrap">
 45 |           <div class="aim-modal--icon-search">
 46 |             <input v-model="filterText" placeholder="Filter by name..." />
 47 |             <i class="fas fa-search"> </i>
 48 |           </div>
 49 |           <div class="aim-modal--icon-preview-inner">
 50 |             <div class="aim-modal--icon-preview">
 51 |               <div
 52 |                 class="aim-icon-item"
 53 |                 v-for="glyph in glyphs"
 54 |                 :key="glyph"
 55 |                 :class="{ 'aesthetic-selected': isActiveGlyph(glyph) }"
 56 |                 @click="setActiveGlyph(glyph)"
 57 |               >
 58 |                 <div class="aim-icon-item-inner">
 59 |                   <i :class="glyph"></i>
 60 |                   <div class="aim-icon-item-name">
 61 |                     {{ getGlyphName(glyph) }}
 62 |                   </div>
 63 |                 </div>
 64 |               </div>
 65 |             </div>
 66 |           </div>
 67 |         </div>
 68 |       </div>
 69 |       <div class="aim-modal--footer">
 70 |         <button class="aim-insert-icon-button" @click="insert">Insert</button>
 71 |       </div>
 72 |     </div>
 73 |   </div>
 74 | </template>
 75 | 
 76 | <script>
 77 | import { ref, computed } from 'vue'
 78 | import fontLibrary from './data/fonts'
 79 | 
 80 | export default {
 81 |   inheritAttrs:false,
 82 |   props: {
 83 |     label: {
 84 |       type: String,
 85 |       default: 'Vue3 Icon Picker'
 86 |     },
 87 |     modelValue: {
 88 |       type: String,
 89 |       default: 'fas fa-circle'
 90 |     }
 91 |   },
 92 |   setup (props, context) {
 93 |     const filterText = ref('')
 94 |     const activeGlyph = ref(props.modelValue)
 95 |     const isVisible = ref(false)
 96 | 
 97 |     const tabs = [
 98 |       {
 99 |         id: 'all',
100 |         title: 'All Icons',
101 |         icon: 'fas fa-star-of-life',
102 |         link: 'all'
103 |       },
104 |       {
105 |         id: 'far',
106 |         title: 'Font Awesome Regular',
107 |         icon: 'fab fa-font-awesome-alt',
108 |         link: fontLibrary.fontAwesome.variants.regular
109 |       },
110 |       {
111 |         id: 'fas',
112 |         title: 'Font Awesome Solid',
113 |         icon: 'fab fa-font-awesome',
114 |         link: fontLibrary.fontAwesome.variants.solid
115 |       },
116 |       {
117 |         id: 'fab',
118 |         title: 'Font Awesome Brands',
119 |         icon: 'fab fa-font-awesome-flag',
120 |         link: fontLibrary.fontAwesome.variants.brands
121 |       }
122 |     ]
123 | 
124 |     const activeTab = ref(tabs[0])
125 | 
126 |     const allGlyphs = [].concat(
127 |       tabs[1].link.icons,
128 |       tabs[2].link.icons,
129 |       tabs[3].link.icons
130 |     )
131 | 
132 |     const glyphs = computed(() => {
133 |       let _glyphs = []
134 |       if (activeTab.value.id !== 'all') {
135 |         _glyphs = activeTab.value.link.icons
136 |       } else {
137 |         _glyphs = allGlyphs
138 |       }
139 | 
140 |       if (filterText.value != '') {
141 |         const _filterText = filterText.value.toLowerCase()
142 |         _glyphs = _glyphs.filter(
143 |           item => item.substr(7, filterText.value.length) === _filterText
144 |         )
145 |       }
146 |       return _glyphs
147 |     })
148 | 
149 |     const setActiveGlyph = glyph => {
150 |       activeGlyph.value = glyph
151 |     }
152 | 
153 |     const isActiveGlyph = glyph => {
154 |       return activeGlyph.value == glyph
155 |     }
156 | 
157 |     const isActiveTab = tab => {
158 |       return tab == activeTab.value.id
159 |     }
160 | 
161 |     const setActiveTab = tab => {
162 |       activeTab.value = tab
163 |       // filterText.value=''; //nice feature
164 |     }
165 | 
166 |     const getGlyphName = glyph =>
167 |       glyph.replace(/f.. fa-/g, '').replace('-', ' ')
168 | 
169 |     const insert = () => {
170 |       context.emit('update:modelValue', activeGlyph.value)
171 |       isVisible.value = false
172 |     }
173 | 
174 |     const togglePicker = () => {
175 |       isVisible.value = !isVisible.value
176 |     }
177 | 
178 |     const closePicker = () => {
179 |       isVisible.value = false
180 |     }
181 | 
182 |     return {
183 |       fontLibrary,
184 |       tabs,
185 |       isActiveTab,
186 |       setActiveTab,
187 |       glyphs,
188 |       activeGlyph,
189 |       getGlyphName,
190 |       filterText,
191 |       setActiveGlyph,
192 |       isActiveGlyph,
193 |       insert,
194 |       isVisible,
195 |       togglePicker,
196 |       closePicker
197 |     }
198 |   }
199 | }
200 | </script>
201 | 
202 | <style scoped>
203 | @import '../assets/css/style.css';
204 | </style>
205 | 


--------------------------------------------------------------------------------
/src/components/data/fonts.js:
--------------------------------------------------------------------------------
   1 | export default {
   2 |   fontAwesome: {
   3 |     title: 'Font Awesome',
   4 |     variants: {
   5 |       regular: {
   6 |         title: 'Regular',
   7 |         prefix: 'far fa-',
   8 |         iconstyle: 'fa-regular',
   9 |         listicon: 'fab fa-font-awesome-alt',
  10 |         icons: [
  11 |           'far fa-address-book',
  12 |           'far fa-address-card',
  13 |           'far fa-angry',
  14 |           'far fa-arrow-alt-circle-down',
  15 |           'far fa-arrow-alt-circle-left',
  16 |           'far fa-arrow-alt-circle-right',
  17 |           'far fa-arrow-alt-circle-up',
  18 |           'far fa-bell',
  19 |           'far fa-bell-slash',
  20 |           'far fa-bookmark',
  21 |           'far fa-building',
  22 |           'far fa-calendar',
  23 |           'far fa-calendar-alt',
  24 |           'far fa-calendar-check',
  25 |           'far fa-calendar-minus',
  26 |           'far fa-calendar-plus',
  27 |           'far fa-calendar-times',
  28 |           'far fa-caret-square-down',
  29 |           'far fa-caret-square-left',
  30 |           'far fa-caret-square-right',
  31 |           'far fa-caret-square-up',
  32 |           'far fa-chart-bar',
  33 |           'far fa-check-circle',
  34 |           'far fa-check-square',
  35 |           'far fa-circle',
  36 |           'far fa-clipboard',
  37 |           'far fa-clock',
  38 |           'far fa-clone',
  39 |           'far fa-closed-captioning',
  40 |           'far fa-comment',
  41 |           'far fa-comment-alt',
  42 |           'far fa-comment-dots',
  43 |           'far fa-comments',
  44 |           'far fa-compass',
  45 |           'far fa-copy',
  46 |           'far fa-copyright',
  47 |           'far fa-credit-card',
  48 |           'far fa-dizzy',
  49 |           'far fa-dot-circle',
  50 |           'far fa-edit',
  51 |           'far fa-envelope',
  52 |           'far fa-envelope-open',
  53 |           'far fa-eye',
  54 |           'far fa-eye-slash',
  55 |           'far fa-file',
  56 |           'far fa-file-alt',
  57 |           'far fa-file-archive',
  58 |           'far fa-file-audio',
  59 |           'far fa-file-code',
  60 |           'far fa-file-excel',
  61 |           'far fa-file-image',
  62 |           'far fa-file-pdf',
  63 |           'far fa-file-powerpoint',
  64 |           'far fa-file-video',
  65 |           'far fa-file-word',
  66 |           'far fa-flag',
  67 |           'far fa-flushed',
  68 |           'far fa-folder',
  69 |           'far fa-folder-open',
  70 |           'far fa-frown',
  71 |           'far fa-frown-open',
  72 |           'far fa-futbol',
  73 |           'far fa-gem',
  74 |           'far fa-grimace',
  75 |           'far fa-grin',
  76 |           'far fa-grin-alt',
  77 |           'far fa-grin-beam',
  78 |           'far fa-grin-beam-sweat',
  79 |           'far fa-grin-hearts',
  80 |           'far fa-grin-squint',
  81 |           'far fa-grin-squint-tears',
  82 |           'far fa-grin-stars',
  83 |           'far fa-grin-tears',
  84 |           'far fa-grin-tongue',
  85 |           'far fa-grin-tongue-squint',
  86 |           'far fa-grin-tongue-wink',
  87 |           'far fa-grin-wink',
  88 |           'far fa-hand-lizard',
  89 |           'far fa-hand-paper',
  90 |           'far fa-hand-peace',
  91 |           'far fa-hand-point-down',
  92 |           'far fa-hand-point-left',
  93 |           'far fa-hand-point-right',
  94 |           'far fa-hand-point-up',
  95 |           'far fa-hand-pointer',
  96 |           'far fa-hand-rock',
  97 |           'far fa-hand-scissors',
  98 |           'far fa-hand-spock',
  99 |           'far fa-handshake',
 100 |           'far fa-hdd',
 101 |           'far fa-heart',
 102 |           'far fa-hospital',
 103 |           'far fa-hourglass',
 104 |           'far fa-id-badge',
 105 |           'far fa-id-card',
 106 |           'far fa-image',
 107 |           'far fa-images',
 108 |           'far fa-keyboard',
 109 |           'far fa-kiss',
 110 |           'far fa-kiss-beam',
 111 |           'far fa-kiss-wink-heart',
 112 |           'far fa-laugh',
 113 |           'far fa-laugh-beam',
 114 |           'far fa-laugh-squint',
 115 |           'far fa-laugh-wink',
 116 |           'far fa-lemon',
 117 |           'far fa-life-ring',
 118 |           'far fa-lightbulb',
 119 |           'far fa-list-alt',
 120 |           'far fa-map',
 121 |           'far fa-meh',
 122 |           'far fa-meh-blank',
 123 |           'far fa-meh-rolling-eyes',
 124 |           'far fa-minus-square',
 125 |           'far fa-money-bill-alt',
 126 |           'far fa-moon',
 127 |           'far fa-newspaper',
 128 |           'far fa-object-group',
 129 |           'far fa-object-ungroup',
 130 |           'far fa-paper-plane',
 131 |           'far fa-pause-circle',
 132 |           'far fa-play-circle',
 133 |           'far fa-plus-square',
 134 |           'far fa-question-circle',
 135 |           'far fa-registered',
 136 |           'far fa-sad-cry',
 137 |           'far fa-sad-tear',
 138 |           'far fa-save',
 139 |           'far fa-share-square',
 140 |           'far fa-smile',
 141 |           'far fa-smile-beam',
 142 |           'far fa-smile-wink',
 143 |           'far fa-snowflake',
 144 |           'far fa-square',
 145 |           'far fa-star',
 146 |           'far fa-star-half',
 147 |           'far fa-sticky-note',
 148 |           'far fa-stop-circle',
 149 |           'far fa-sun',
 150 |           'far fa-surprise',
 151 |           'far fa-thumbs-down',
 152 |           'far fa-thumbs-up',
 153 |           'far fa-times-circle',
 154 |           'far fa-tired',
 155 |           'far fa-trash-alt',
 156 |           'far fa-user',
 157 |           'far fa-user-circle',
 158 |           'far fa-window-close',
 159 |           'far fa-window-maximize',
 160 |           'far fa-window-minimize',
 161 |           'far fa-window-restore'
 162 |         ]
 163 |       },
 164 |       solid: {
 165 |         title: 'Solid',
 166 |         prefix: 'fas fa-',
 167 |         iconstyle: 'fa-solid',
 168 |         listicon: 'fab fa-font-awesome',
 169 |         icons: [
 170 |           'fas fa-ad',
 171 |           'fas fa-address-book',
 172 |           'fas fa-address-card',
 173 |           'fas fa-adjust',
 174 |           'fas fa-air-freshener',
 175 |           'fas fa-align-center',
 176 |           'fas fa-align-justify',
 177 |           'fas fa-align-left',
 178 |           'fas fa-align-right',
 179 |           'fas fa-allergies',
 180 |           'fas fa-ambulance',
 181 |           'fas fa-american-sign-language-interpreting',
 182 |           'fas fa-anchor',
 183 |           'fas fa-angle-double-down',
 184 |           'fas fa-angle-double-left',
 185 |           'fas fa-angle-double-right',
 186 |           'fas fa-angle-double-up',
 187 |           'fas fa-angle-down',
 188 |           'fas fa-angle-left',
 189 |           'fas fa-angle-right',
 190 |           'fas fa-angle-up',
 191 |           'fas fa-angry',
 192 |           'fas fa-ankh',
 193 |           'fas fa-apple-alt',
 194 |           'fas fa-archive',
 195 |           'fas fa-archway',
 196 |           'fas fa-arrow-alt-circle-down',
 197 |           'fas fa-arrow-alt-circle-left',
 198 |           'fas fa-arrow-alt-circle-right',
 199 |           'fas fa-arrow-alt-circle-up',
 200 |           'fas fa-arrow-circle-down',
 201 |           'fas fa-arrow-circle-left',
 202 |           'fas fa-arrow-circle-right',
 203 |           'fas fa-arrow-circle-up',
 204 |           'fas fa-arrow-down',
 205 |           'fas fa-arrow-left',
 206 |           'fas fa-arrow-right',
 207 |           'fas fa-arrow-up',
 208 |           'fas fa-arrows-alt',
 209 |           'fas fa-arrows-alt-h',
 210 |           'fas fa-arrows-alt-v',
 211 |           'fas fa-assistive-listening-systems',
 212 |           'fas fa-asterisk',
 213 |           'fas fa-at',
 214 |           'fas fa-atlas',
 215 |           'fas fa-atom',
 216 |           'fas fa-audio-description',
 217 |           'fas fa-award',
 218 |           'fas fa-baby',
 219 |           'fas fa-baby-carriage',
 220 |           'fas fa-backspace',
 221 |           'fas fa-backward',
 222 |           'fas fa-bacon',
 223 |           'fas fa-bahai',
 224 |           'fas fa-balance-scale',
 225 |           'fas fa-balance-scale-left',
 226 |           'fas fa-balance-scale-right',
 227 |           'fas fa-ban',
 228 |           'fas fa-band-aid',
 229 |           'fas fa-barcode',
 230 |           'fas fa-bars',
 231 |           'fas fa-baseball-ball',
 232 |           'fas fa-basketball-ball',
 233 |           'fas fa-bath',
 234 |           'fas fa-battery-empty',
 235 |           'fas fa-battery-full',
 236 |           'fas fa-battery-half',
 237 |           'fas fa-battery-quarter',
 238 |           'fas fa-battery-three-quarters',
 239 |           'fas fa-bed',
 240 |           'fas fa-beer',
 241 |           'fas fa-bell',
 242 |           'fas fa-bell-slash',
 243 |           'fas fa-bezier-curve',
 244 |           'fas fa-bible',
 245 |           'fas fa-bicycle',
 246 |           'fas fa-biking',
 247 |           'fas fa-binoculars',
 248 |           'fas fa-biohazard',
 249 |           'fas fa-birthday-cake',
 250 |           'fas fa-blender',
 251 |           'fas fa-blender-phone',
 252 |           'fas fa-blind',
 253 |           'fas fa-blog',
 254 |           'fas fa-bold',
 255 |           'fas fa-bolt',
 256 |           'fas fa-bomb',
 257 |           'fas fa-bone',
 258 |           'fas fa-bong',
 259 |           'fas fa-book',
 260 |           'fas fa-book-dead',
 261 |           'fas fa-book-medical',
 262 |           'fas fa-book-open',
 263 |           'fas fa-book-reader',
 264 |           'fas fa-bookmark',
 265 |           'fas fa-border-all',
 266 |           'fas fa-border-none',
 267 |           'fas fa-border-style',
 268 |           'fas fa-bowling-ball',
 269 |           'fas fa-box',
 270 |           'fas fa-box-open',
 271 |           'fas fa-boxes',
 272 |           'fas fa-braille',
 273 |           'fas fa-brain',
 274 |           'fas fa-bread-slice',
 275 |           'fas fa-briefcase',
 276 |           'fas fa-briefcase-medical',
 277 |           'fas fa-broadcast-tower',
 278 |           'fas fa-broom',
 279 |           'fas fa-brush',
 280 |           'fas fa-bug',
 281 |           'fas fa-building',
 282 |           'fas fa-bullhorn',
 283 |           'fas fa-bullseye',
 284 |           'fas fa-burn',
 285 |           'fas fa-bus',
 286 |           'fas fa-bus-alt',
 287 |           'fas fa-business-time',
 288 |           'fas fa-calculator',
 289 |           'fas fa-calendar',
 290 |           'fas fa-calendar-alt',
 291 |           'fas fa-calendar-check',
 292 |           'fas fa-calendar-day',
 293 |           'fas fa-calendar-minus',
 294 |           'fas fa-calendar-plus',
 295 |           'fas fa-calendar-times',
 296 |           'fas fa-calendar-week',
 297 |           'fas fa-camera',
 298 |           'fas fa-camera-retro',
 299 |           'fas fa-campground',
 300 |           'fas fa-candy-cane',
 301 |           'fas fa-cannabis',
 302 |           'fas fa-capsules',
 303 |           'fas fa-car',
 304 |           'fas fa-car-alt',
 305 |           'fas fa-car-battery',
 306 |           'fas fa-car-crash',
 307 |           'fas fa-car-side',
 308 |           'fas fa-caravan',
 309 |           'fas fa-caret-down',
 310 |           'fas fa-caret-left',
 311 |           'fas fa-caret-right',
 312 |           'fas fa-caret-square-down',
 313 |           'fas fa-caret-square-left',
 314 |           'fas fa-caret-square-right',
 315 |           'fas fa-caret-square-up',
 316 |           'fas fa-caret-up',
 317 |           'fas fa-carrot',
 318 |           'fas fa-cart-arrow-down',
 319 |           'fas fa-cart-plus',
 320 |           'fas fa-cash-register',
 321 |           'fas fa-cat',
 322 |           'fas fa-certificate',
 323 |           'fas fa-chair',
 324 |           'fas fa-chalkboard',
 325 |           'fas fa-chalkboard-teacher',
 326 |           'fas fa-charging-station',
 327 |           'fas fa-chart-area',
 328 |           'fas fa-chart-bar',
 329 |           'fas fa-chart-line',
 330 |           'fas fa-chart-pie',
 331 |           'fas fa-check',
 332 |           'fas fa-check-circle',
 333 |           'fas fa-check-double',
 334 |           'fas fa-check-square',
 335 |           'fas fa-cheese',
 336 |           'fas fa-chess',
 337 |           'fas fa-chess-bishop',
 338 |           'fas fa-chess-board',
 339 |           'fas fa-chess-king',
 340 |           'fas fa-chess-knight',
 341 |           'fas fa-chess-pawn',
 342 |           'fas fa-chess-queen',
 343 |           'fas fa-chess-rook',
 344 |           'fas fa-chevron-circle-down',
 345 |           'fas fa-chevron-circle-left',
 346 |           'fas fa-chevron-circle-right',
 347 |           'fas fa-chevron-circle-up',
 348 |           'fas fa-chevron-down',
 349 |           'fas fa-chevron-left',
 350 |           'fas fa-chevron-right',
 351 |           'fas fa-chevron-up',
 352 |           'fas fa-child',
 353 |           'fas fa-church',
 354 |           'fas fa-circle',
 355 |           'fas fa-circle-notch',
 356 |           'fas fa-city',
 357 |           'fas fa-clinic-medical',
 358 |           'fas fa-clipboard',
 359 |           'fas fa-clipboard-check',
 360 |           'fas fa-clipboard-list',
 361 |           'fas fa-clock',
 362 |           'fas fa-clone',
 363 |           'fas fa-closed-captioning',
 364 |           'fas fa-cloud',
 365 |           'fas fa-cloud-download-alt',
 366 |           'fas fa-cloud-meatball',
 367 |           'fas fa-cloud-moon',
 368 |           'fas fa-cloud-moon-rain',
 369 |           'fas fa-cloud-rain',
 370 |           'fas fa-cloud-showers-heavy',
 371 |           'fas fa-cloud-sun',
 372 |           'fas fa-cloud-sun-rain',
 373 |           'fas fa-cloud-upload-alt',
 374 |           'fas fa-cocktail',
 375 |           'fas fa-code',
 376 |           'fas fa-code-branch',
 377 |           'fas fa-coffee',
 378 |           'fas fa-cog',
 379 |           'fas fa-cogs',
 380 |           'fas fa-coins',
 381 |           'fas fa-columns',
 382 |           'fas fa-comment',
 383 |           'fas fa-comment-alt',
 384 |           'fas fa-comment-dollar',
 385 |           'fas fa-comment-dots',
 386 |           'fas fa-comment-medical',
 387 |           'fas fa-comment-slash',
 388 |           'fas fa-comments',
 389 |           'fas fa-comments-dollar',
 390 |           'fas fa-compact-disc',
 391 |           'fas fa-compass',
 392 |           'fas fa-compress',
 393 |           'fas fa-compress-alt',
 394 |           'fas fa-compress-arrows-alt',
 395 |           'fas fa-concierge-bell',
 396 |           'fas fa-cookie',
 397 |           'fas fa-cookie-bite',
 398 |           'fas fa-copy',
 399 |           'fas fa-copyright',
 400 |           'fas fa-couch',
 401 |           'fas fa-credit-card',
 402 |           'fas fa-crop',
 403 |           'fas fa-crop-alt',
 404 |           'fas fa-cross',
 405 |           'fas fa-crosshairs',
 406 |           'fas fa-crow',
 407 |           'fas fa-crown',
 408 |           'fas fa-crutch',
 409 |           'fas fa-cube',
 410 |           'fas fa-cubes',
 411 |           'fas fa-cut',
 412 |           'fas fa-database',
 413 |           'fas fa-deaf',
 414 |           'fas fa-democrat',
 415 |           'fas fa-desktop',
 416 |           'fas fa-dharmachakra',
 417 |           'fas fa-diagnoses',
 418 |           'fas fa-dice',
 419 |           'fas fa-dice-d20',
 420 |           'fas fa-dice-d6',
 421 |           'fas fa-dice-five',
 422 |           'fas fa-dice-four',
 423 |           'fas fa-dice-one',
 424 |           'fas fa-dice-six',
 425 |           'fas fa-dice-three',
 426 |           'fas fa-dice-two',
 427 |           'fas fa-digital-tachograph',
 428 |           'fas fa-directions',
 429 |           'fas fa-divide',
 430 |           'fas fa-dizzy',
 431 |           'fas fa-dna',
 432 |           'fas fa-dog',
 433 |           'fas fa-dollar-sign',
 434 |           'fas fa-dolly',
 435 |           'fas fa-dolly-flatbed',
 436 |           'fas fa-donate',
 437 |           'fas fa-door-closed',
 438 |           'fas fa-door-open',
 439 |           'fas fa-dot-circle',
 440 |           'fas fa-dove',
 441 |           'fas fa-download',
 442 |           'fas fa-drafting-compass',
 443 |           'fas fa-dragon',
 444 |           'fas fa-draw-polygon',
 445 |           'fas fa-drum',
 446 |           'fas fa-drum-steelpan',
 447 |           'fas fa-drumstick-bite',
 448 |           'fas fa-dumbbell',
 449 |           'fas fa-dumpster',
 450 |           'fas fa-dumpster-fire',
 451 |           'fas fa-dungeon',
 452 |           'fas fa-edit',
 453 |           'fas fa-egg',
 454 |           'fas fa-eject',
 455 |           'fas fa-ellipsis-h',
 456 |           'fas fa-ellipsis-v',
 457 |           'fas fa-envelope',
 458 |           'fas fa-envelope-open',
 459 |           'fas fa-envelope-open-text',
 460 |           'fas fa-envelope-square',
 461 |           'fas fa-equals',
 462 |           'fas fa-eraser',
 463 |           'fas fa-ethernet',
 464 |           'fas fa-euro-sign',
 465 |           'fas fa-exchange-alt',
 466 |           'fas fa-exclamation',
 467 |           'fas fa-exclamation-circle',
 468 |           'fas fa-exclamation-triangle',
 469 |           'fas fa-expand',
 470 |           'fas fa-expand-alt',
 471 |           'fas fa-expand-arrows-alt',
 472 |           'fas fa-external-link-alt',
 473 |           'fas fa-external-link-square-alt',
 474 |           'fas fa-eye',
 475 |           'fas fa-eye-dropper',
 476 |           'fas fa-eye-slash',
 477 |           'fas fa-fan',
 478 |           'fas fa-fast-backward',
 479 |           'fas fa-fast-forward',
 480 |           'fas fa-fax',
 481 |           'fas fa-feather',
 482 |           'fas fa-feather-alt',
 483 |           'fas fa-female',
 484 |           'fas fa-fighter-jet',
 485 |           'fas fa-file',
 486 |           'fas fa-file-alt',
 487 |           'fas fa-file-archive',
 488 |           'fas fa-file-audio',
 489 |           'fas fa-file-code',
 490 |           'fas fa-file-contract',
 491 |           'fas fa-file-csv',
 492 |           'fas fa-file-download',
 493 |           'fas fa-file-excel',
 494 |           'fas fa-file-export',
 495 |           'fas fa-file-image',
 496 |           'fas fa-file-import',
 497 |           'fas fa-file-invoice',
 498 |           'fas fa-file-invoice-dollar',
 499 |           'fas fa-file-medical',
 500 |           'fas fa-file-medical-alt',
 501 |           'fas fa-file-pdf',
 502 |           'fas fa-file-powerpoint',
 503 |           'fas fa-file-prescription',
 504 |           'fas fa-file-signature',
 505 |           'fas fa-file-upload',
 506 |           'fas fa-file-video',
 507 |           'fas fa-file-word',
 508 |           'fas fa-fill',
 509 |           'fas fa-fill-drip',
 510 |           'fas fa-film',
 511 |           'fas fa-filter',
 512 |           'fas fa-fingerprint',
 513 |           'fas fa-fire',
 514 |           'fas fa-fire-alt',
 515 |           'fas fa-fire-extinguisher',
 516 |           'fas fa-first-aid',
 517 |           'fas fa-fish',
 518 |           'fas fa-fist-raised',
 519 |           'fas fa-flag',
 520 |           'fas fa-flag-checkered',
 521 |           'fas fa-flag-usa',
 522 |           'fas fa-flask',
 523 |           'fas fa-flushed',
 524 |           'fas fa-folder',
 525 |           'fas fa-folder-minus',
 526 |           'fas fa-folder-open',
 527 |           'fas fa-folder-plus',
 528 |           'fas fa-font',
 529 |           'fas fa-football-ball',
 530 |           'fas fa-forward',
 531 |           'fas fa-frog',
 532 |           'fas fa-frown',
 533 |           'fas fa-frown-open',
 534 |           'fas fa-funnel-dollar',
 535 |           'fas fa-futbol',
 536 |           'fas fa-gamepad',
 537 |           'fas fa-gas-pump',
 538 |           'fas fa-gavel',
 539 |           'fas fa-gem',
 540 |           'fas fa-genderless',
 541 |           'fas fa-ghost',
 542 |           'fas fa-gift',
 543 |           'fas fa-gifts',
 544 |           'fas fa-glass-cheers',
 545 |           'fas fa-glass-martini',
 546 |           'fas fa-glass-martini-alt',
 547 |           'fas fa-glass-whiskey',
 548 |           'fas fa-glasses',
 549 |           'fas fa-globe',
 550 |           'fas fa-globe-africa',
 551 |           'fas fa-globe-americas',
 552 |           'fas fa-globe-asia',
 553 |           'fas fa-globe-europe',
 554 |           'fas fa-golf-ball',
 555 |           'fas fa-gopuram',
 556 |           'fas fa-graduation-cap',
 557 |           'fas fa-greater-than',
 558 |           'fas fa-greater-than-equal',
 559 |           'fas fa-grimace',
 560 |           'fas fa-grin',
 561 |           'fas fa-grin-alt',
 562 |           'fas fa-grin-beam',
 563 |           'fas fa-grin-beam-sweat',
 564 |           'fas fa-grin-hearts',
 565 |           'fas fa-grin-squint',
 566 |           'fas fa-grin-squint-tears',
 567 |           'fas fa-grin-stars',
 568 |           'fas fa-grin-tears',
 569 |           'fas fa-grin-tongue',
 570 |           'fas fa-grin-tongue-squint',
 571 |           'fas fa-grin-tongue-wink',
 572 |           'fas fa-grin-wink',
 573 |           'fas fa-grip-horizontal',
 574 |           'fas fa-grip-lines',
 575 |           'fas fa-grip-lines-vertical',
 576 |           'fas fa-grip-vertical',
 577 |           'fas fa-guitar',
 578 |           'fas fa-h-square',
 579 |           'fas fa-hamburger',
 580 |           'fas fa-hammer',
 581 |           'fas fa-hamsa',
 582 |           'fas fa-hand-holding',
 583 |           'fas fa-hand-holding-heart',
 584 |           'fas fa-hand-holding-usd',
 585 |           'fas fa-hand-lizard',
 586 |           'fas fa-hand-middle-finger',
 587 |           'fas fa-hand-paper',
 588 |           'fas fa-hand-peace',
 589 |           'fas fa-hand-point-down',
 590 |           'fas fa-hand-point-left',
 591 |           'fas fa-hand-point-right',
 592 |           'fas fa-hand-point-up',
 593 |           'fas fa-hand-pointer',
 594 |           'fas fa-hand-rock',
 595 |           'fas fa-hand-scissors',
 596 |           'fas fa-hand-spock',
 597 |           'fas fa-hands',
 598 |           'fas fa-hands-helping',
 599 |           'fas fa-handshake',
 600 |           'fas fa-hanukiah',
 601 |           'fas fa-hard-hat',
 602 |           'fas fa-hashtag',
 603 |           'fas fa-hat-cowboy',
 604 |           'fas fa-hat-cowboy-side',
 605 |           'fas fa-hat-wizard',
 606 |           'fas fa-hdd',
 607 |           'fas fa-heading',
 608 |           'fas fa-headphones',
 609 |           'fas fa-headphones-alt',
 610 |           'fas fa-headset',
 611 |           'fas fa-heart',
 612 |           'fas fa-heart-broken',
 613 |           'fas fa-heartbeat',
 614 |           'fas fa-helicopter',
 615 |           'fas fa-highlighter',
 616 |           'fas fa-hiking',
 617 |           'fas fa-hippo',
 618 |           'fas fa-history',
 619 |           'fas fa-hockey-puck',
 620 |           'fas fa-holly-berry',
 621 |           'fas fa-home',
 622 |           'fas fa-horse',
 623 |           'fas fa-horse-head',
 624 |           'fas fa-hospital',
 625 |           'fas fa-hospital-alt',
 626 |           'fas fa-hospital-symbol',
 627 |           'fas fa-hot-tub',
 628 |           'fas fa-hotdog',
 629 |           'fas fa-hotel',
 630 |           'fas fa-hourglass',
 631 |           'fas fa-hourglass-end',
 632 |           'fas fa-hourglass-half',
 633 |           'fas fa-hourglass-start',
 634 |           'fas fa-house-damage',
 635 |           'fas fa-hryvnia',
 636 |           'fas fa-i-cursor',
 637 |           'fas fa-ice-cream',
 638 |           'fas fa-icicles',
 639 |           'fas fa-icons',
 640 |           'fas fa-id-badge',
 641 |           'fas fa-id-card',
 642 |           'fas fa-id-card-alt',
 643 |           'fas fa-igloo',
 644 |           'fas fa-image',
 645 |           'fas fa-images',
 646 |           'fas fa-inbox',
 647 |           'fas fa-indent',
 648 |           'fas fa-industry',
 649 |           'fas fa-infinity',
 650 |           'fas fa-info',
 651 |           'fas fa-info-circle',
 652 |           'fas fa-italic',
 653 |           'fas fa-jedi',
 654 |           'fas fa-joint',
 655 |           'fas fa-journal-whills',
 656 |           'fas fa-kaaba',
 657 |           'fas fa-key',
 658 |           'fas fa-keyboard',
 659 |           'fas fa-khanda',
 660 |           'fas fa-kiss',
 661 |           'fas fa-kiss-beam',
 662 |           'fas fa-kiss-wink-heart',
 663 |           'fas fa-kiwi-bird',
 664 |           'fas fa-landmark',
 665 |           'fas fa-language',
 666 |           'fas fa-laptop',
 667 |           'fas fa-laptop-code',
 668 |           'fas fa-laptop-medical',
 669 |           'fas fa-laugh',
 670 |           'fas fa-laugh-beam',
 671 |           'fas fa-laugh-squint',
 672 |           'fas fa-laugh-wink',
 673 |           'fas fa-layer-group',
 674 |           'fas fa-leaf',
 675 |           'fas fa-lemon',
 676 |           'fas fa-less-than',
 677 |           'fas fa-less-than-equal',
 678 |           'fas fa-level-down-alt',
 679 |           'fas fa-level-up-alt',
 680 |           'fas fa-life-ring',
 681 |           'fas fa-lightbulb',
 682 |           'fas fa-link',
 683 |           'fas fa-lira-sign',
 684 |           'fas fa-list',
 685 |           'fas fa-list-alt',
 686 |           'fas fa-list-ol',
 687 |           'fas fa-list-ul',
 688 |           'fas fa-location-arrow',
 689 |           'fas fa-lock',
 690 |           'fas fa-lock-open',
 691 |           'fas fa-long-arrow-alt-down',
 692 |           'fas fa-long-arrow-alt-left',
 693 |           'fas fa-long-arrow-alt-right',
 694 |           'fas fa-long-arrow-alt-up',
 695 |           'fas fa-low-vision',
 696 |           'fas fa-luggage-cart',
 697 |           'fas fa-magic',
 698 |           'fas fa-magnet',
 699 |           'fas fa-mail-bulk',
 700 |           'fas fa-male',
 701 |           'fas fa-map',
 702 |           'fas fa-map-marked',
 703 |           'fas fa-map-marked-alt',
 704 |           'fas fa-map-marker',
 705 |           'fas fa-map-marker-alt',
 706 |           'fas fa-map-pin',
 707 |           'fas fa-map-signs',
 708 |           'fas fa-marker',
 709 |           'fas fa-mars',
 710 |           'fas fa-mars-double',
 711 |           'fas fa-mars-stroke',
 712 |           'fas fa-mars-stroke-h',
 713 |           'fas fa-mars-stroke-v',
 714 |           'fas fa-mask',
 715 |           'fas fa-medal',
 716 |           'fas fa-medkit',
 717 |           'fas fa-meh',
 718 |           'fas fa-meh-blank',
 719 |           'fas fa-meh-rolling-eyes',
 720 |           'fas fa-memory',
 721 |           'fas fa-menorah',
 722 |           'fas fa-mercury',
 723 |           'fas fa-meteor',
 724 |           'fas fa-microchip',
 725 |           'fas fa-microphone',
 726 |           'fas fa-microphone-alt',
 727 |           'fas fa-microphone-alt-slash',
 728 |           'fas fa-microphone-slash',
 729 |           'fas fa-microscope',
 730 |           'fas fa-minus',
 731 |           'fas fa-minus-circle',
 732 |           'fas fa-minus-square',
 733 |           'fas fa-mitten',
 734 |           'fas fa-mobile',
 735 |           'fas fa-mobile-alt',
 736 |           'fas fa-money-bill',
 737 |           'fas fa-money-bill-alt',
 738 |           'fas fa-money-bill-wave',
 739 |           'fas fa-money-bill-wave-alt',
 740 |           'fas fa-money-check',
 741 |           'fas fa-money-check-alt',
 742 |           'fas fa-monument',
 743 |           'fas fa-moon',
 744 |           'fas fa-mortar-pestle',
 745 |           'fas fa-mosque',
 746 |           'fas fa-motorcycle',
 747 |           'fas fa-mountain',
 748 |           'fas fa-mouse',
 749 |           'fas fa-mouse-pointer',
 750 |           'fas fa-mug-hot',
 751 |           'fas fa-music',
 752 |           'fas fa-network-wired',
 753 |           'fas fa-neuter',
 754 |           'fas fa-newspaper',
 755 |           'fas fa-not-equal',
 756 |           'fas fa-notes-medical',
 757 |           'fas fa-object-group',
 758 |           'fas fa-object-ungroup',
 759 |           'fas fa-oil-can',
 760 |           'fas fa-om',
 761 |           'fas fa-otter',
 762 |           'fas fa-outdent',
 763 |           'fas fa-pager',
 764 |           'fas fa-paint-brush',
 765 |           'fas fa-paint-roller',
 766 |           'fas fa-palette',
 767 |           'fas fa-pallet',
 768 |           'fas fa-paper-plane',
 769 |           'fas fa-paperclip',
 770 |           'fas fa-parachute-box',
 771 |           'fas fa-paragraph',
 772 |           'fas fa-parking',
 773 |           'fas fa-passport',
 774 |           'fas fa-pastafarianism',
 775 |           'fas fa-paste',
 776 |           'fas fa-pause',
 777 |           'fas fa-pause-circle',
 778 |           'fas fa-paw',
 779 |           'fas fa-peace',
 780 |           'fas fa-pen',
 781 |           'fas fa-pen-alt',
 782 |           'fas fa-pen-fancy',
 783 |           'fas fa-pen-nib',
 784 |           'fas fa-pen-square',
 785 |           'fas fa-pencil-alt',
 786 |           'fas fa-pencil-ruler',
 787 |           'fas fa-people-carry',
 788 |           'fas fa-pepper-hot',
 789 |           'fas fa-percent',
 790 |           'fas fa-percentage',
 791 |           'fas fa-person-booth',
 792 |           'fas fa-phone',
 793 |           'fas fa-phone-alt',
 794 |           'fas fa-phone-slash',
 795 |           'fas fa-phone-square',
 796 |           'fas fa-phone-square-alt',
 797 |           'fas fa-phone-volume',
 798 |           'fas fa-photo-video',
 799 |           'fas fa-piggy-bank',
 800 |           'fas fa-pills',
 801 |           'fas fa-pizza-slice',
 802 |           'fas fa-place-of-worship',
 803 |           'fas fa-plane',
 804 |           'fas fa-plane-arrival',
 805 |           'fas fa-plane-departure',
 806 |           'fas fa-play',
 807 |           'fas fa-play-circle',
 808 |           'fas fa-plug',
 809 |           'fas fa-plus',
 810 |           'fas fa-plus-circle',
 811 |           'fas fa-plus-square',
 812 |           'fas fa-podcast',
 813 |           'fas fa-poll',
 814 |           'fas fa-poll-h',
 815 |           'fas fa-poo',
 816 |           'fas fa-poo-storm',
 817 |           'fas fa-poop',
 818 |           'fas fa-portrait',
 819 |           'fas fa-pound-sign',
 820 |           'fas fa-power-off',
 821 |           'fas fa-pray',
 822 |           'fas fa-praying-hands',
 823 |           'fas fa-prescription',
 824 |           'fas fa-prescription-bottle',
 825 |           'fas fa-prescription-bottle-alt',
 826 |           'fas fa-print',
 827 |           'fas fa-procedures',
 828 |           'fas fa-project-diagram',
 829 |           'fas fa-puzzle-piece',
 830 |           'fas fa-qrcode',
 831 |           'fas fa-question',
 832 |           'fas fa-question-circle',
 833 |           'fas fa-quidditch',
 834 |           'fas fa-quote-left',
 835 |           'fas fa-quote-right',
 836 |           'fas fa-quran',
 837 |           'fas fa-radiation',
 838 |           'fas fa-radiation-alt',
 839 |           'fas fa-rainbow',
 840 |           'fas fa-random',
 841 |           'fas fa-receipt',
 842 |           'fas fa-record-vinyl',
 843 |           'fas fa-recycle',
 844 |           'fas fa-redo',
 845 |           'fas fa-redo-alt',
 846 |           'fas fa-registered',
 847 |           'fas fa-remove-format',
 848 |           'fas fa-reply',
 849 |           'fas fa-reply-all',
 850 |           'fas fa-republican',
 851 |           'fas fa-restroom',
 852 |           'fas fa-retweet',
 853 |           'fas fa-ribbon',
 854 |           'fas fa-ring',
 855 |           'fas fa-road',
 856 |           'fas fa-robot',
 857 |           'fas fa-rocket',
 858 |           'fas fa-route',
 859 |           'fas fa-rss',
 860 |           'fas fa-rss-square',
 861 |           'fas fa-ruble-sign',
 862 |           'fas fa-ruler',
 863 |           'fas fa-ruler-combined',
 864 |           'fas fa-ruler-horizontal',
 865 |           'fas fa-ruler-vertical',
 866 |           'fas fa-running',
 867 |           'fas fa-rupee-sign',
 868 |           'fas fa-sad-cry',
 869 |           'fas fa-sad-tear',
 870 |           'fas fa-satellite',
 871 |           'fas fa-satellite-dish',
 872 |           'fas fa-save',
 873 |           'fas fa-school',
 874 |           'fas fa-screwdriver',
 875 |           'fas fa-scroll',
 876 |           'fas fa-sd-card',
 877 |           'fas fa-search',
 878 |           'fas fa-search-dollar',
 879 |           'fas fa-search-location',
 880 |           'fas fa-search-minus',
 881 |           'fas fa-search-plus',
 882 |           'fas fa-seedling',
 883 |           'fas fa-server',
 884 |           'fas fa-shapes',
 885 |           'fas fa-share',
 886 |           'fas fa-share-alt',
 887 |           'fas fa-share-alt-square',
 888 |           'fas fa-share-square',
 889 |           'fas fa-shekel-sign',
 890 |           'fas fa-shield-alt',
 891 |           'fas fa-ship',
 892 |           'fas fa-shipping-fast',
 893 |           'fas fa-shoe-prints',
 894 |           'fas fa-shopping-bag',
 895 |           'fas fa-shopping-basket',
 896 |           'fas fa-shopping-cart',
 897 |           'fas fa-shower',
 898 |           'fas fa-shuttle-van',
 899 |           'fas fa-sign',
 900 |           'fas fa-sign-in-alt',
 901 |           'fas fa-sign-language',
 902 |           'fas fa-sign-out-alt',
 903 |           'fas fa-signal',
 904 |           'fas fa-signature',
 905 |           'fas fa-sim-card',
 906 |           'fas fa-sitemap',
 907 |           'fas fa-skating',
 908 |           'fas fa-skiing',
 909 |           'fas fa-skiing-nordic',
 910 |           'fas fa-skull',
 911 |           'fas fa-skull-crossbones',
 912 |           'fas fa-slash',
 913 |           'fas fa-sleigh',
 914 |           'fas fa-sliders-h',
 915 |           'fas fa-smile',
 916 |           'fas fa-smile-beam',
 917 |           'fas fa-smile-wink',
 918 |           'fas fa-smog',
 919 |           'fas fa-smoking',
 920 |           'fas fa-smoking-ban',
 921 |           'fas fa-sms',
 922 |           'fas fa-snowboarding',
 923 |           'fas fa-snowflake',
 924 |           'fas fa-snowman',
 925 |           'fas fa-snowplow',
 926 |           'fas fa-socks',
 927 |           'fas fa-solar-panel',
 928 |           'fas fa-sort',
 929 |           'fas fa-sort-alpha-down',
 930 |           'fas fa-sort-alpha-down-alt',
 931 |           'fas fa-sort-alpha-up',
 932 |           'fas fa-sort-alpha-up-alt',
 933 |           'fas fa-sort-amount-down',
 934 |           'fas fa-sort-amount-down-alt',
 935 |           'fas fa-sort-amount-up',
 936 |           'fas fa-sort-amount-up-alt',
 937 |           'fas fa-sort-down',
 938 |           'fas fa-sort-numeric-down',
 939 |           'fas fa-sort-numeric-down-alt',
 940 |           'fas fa-sort-numeric-up',
 941 |           'fas fa-sort-numeric-up-alt',
 942 |           'fas fa-sort-up',
 943 |           'fas fa-spa',
 944 |           'fas fa-space-shuttle',
 945 |           'fas fa-spell-check',
 946 |           'fas fa-spider',
 947 |           'fas fa-spinner',
 948 |           'fas fa-splotch',
 949 |           'fas fa-spray-can',
 950 |           'fas fa-square',
 951 |           'fas fa-square-full',
 952 |           'fas fa-square-root-alt',
 953 |           'fas fa-stamp',
 954 |           'fas fa-star',
 955 |           'fas fa-star-and-crescent',
 956 |           'fas fa-star-half',
 957 |           'fas fa-star-half-alt',
 958 |           'fas fa-star-of-david',
 959 |           'fas fa-star-of-life',
 960 |           'fas fa-step-backward',
 961 |           'fas fa-step-forward',
 962 |           'fas fa-stethoscope',
 963 |           'fas fa-sticky-note',
 964 |           'fas fa-stop',
 965 |           'fas fa-stop-circle',
 966 |           'fas fa-stopwatch',
 967 |           'fas fa-store',
 968 |           'fas fa-store-alt',
 969 |           'fas fa-stream',
 970 |           'fas fa-street-view',
 971 |           'fas fa-strikethrough',
 972 |           'fas fa-stroopwafel',
 973 |           'fas fa-subscript',
 974 |           'fas fa-subway',
 975 |           'fas fa-suitcase',
 976 |           'fas fa-suitcase-rolling',
 977 |           'fas fa-sun',
 978 |           'fas fa-superscript',
 979 |           'fas fa-surprise',
 980 |           'fas fa-swatchbook',
 981 |           'fas fa-swimmer',
 982 |           'fas fa-swimming-pool',
 983 |           'fas fa-synagogue',
 984 |           'fas fa-sync',
 985 |           'fas fa-sync-alt',
 986 |           'fas fa-syringe',
 987 |           'fas fa-table',
 988 |           'fas fa-table-tennis',
 989 |           'fas fa-tablet',
 990 |           'fas fa-tablet-alt',
 991 |           'fas fa-tablets',
 992 |           'fas fa-tachometer-alt',
 993 |           'fas fa-tag',
 994 |           'fas fa-tags',
 995 |           'fas fa-tape',
 996 |           'fas fa-tasks',
 997 |           'fas fa-taxi',
 998 |           'fas fa-teeth',
 999 |           'fas fa-teeth-open',
1000 |           'fas fa-temperature-high',
1001 |           'fas fa-temperature-low',
1002 |           'fas fa-tenge',
1003 |           'fas fa-terminal',
1004 |           'fas fa-text-height',
1005 |           'fas fa-text-width',
1006 |           'fas fa-th',
1007 |           'fas fa-th-large',
1008 |           'fas fa-th-list',
1009 |           'fas fa-theater-masks',
1010 |           'fas fa-thermometer',
1011 |           'fas fa-thermometer-empty',
1012 |           'fas fa-thermometer-full',
1013 |           'fas fa-thermometer-half',
1014 |           'fas fa-thermometer-quarter',
1015 |           'fas fa-thermometer-three-quarters',
1016 |           'fas fa-thumbs-down',
1017 |           'fas fa-thumbs-up',
1018 |           'fas fa-thumbtack',
1019 |           'fas fa-ticket-alt',
1020 |           'fas fa-times',
1021 |           'fas fa-times-circle',
1022 |           'fas fa-tint',
1023 |           'fas fa-tint-slash',
1024 |           'fas fa-tired',
1025 |           'fas fa-toggle-off',
1026 |           'fas fa-toggle-on',
1027 |           'fas fa-toilet',
1028 |           'fas fa-toilet-paper',
1029 |           'fas fa-toolbox',
1030 |           'fas fa-tools',
1031 |           'fas fa-tooth',
1032 |           'fas fa-torah',
1033 |           'fas fa-torii-gate',
1034 |           'fas fa-tractor',
1035 |           'fas fa-trademark',
1036 |           'fas fa-traffic-light',
1037 |           'fas fa-trailer',
1038 |           'fas fa-train',
1039 |           'fas fa-tram',
1040 |           'fas fa-transgender',
1041 |           'fas fa-transgender-alt',
1042 |           'fas fa-trash',
1043 |           'fas fa-trash-alt',
1044 |           'fas fa-trash-restore',
1045 |           'fas fa-trash-restore-alt',
1046 |           'fas fa-tree',
1047 |           'fas fa-trophy',
1048 |           'fas fa-truck',
1049 |           'fas fa-truck-loading',
1050 |           'fas fa-truck-monster',
1051 |           'fas fa-truck-moving',
1052 |           'fas fa-truck-pickup',
1053 |           'fas fa-tshirt',
1054 |           'fas fa-tty',
1055 |           'fas fa-tv',
1056 |           'fas fa-umbrella',
1057 |           'fas fa-umbrella-beach',
1058 |           'fas fa-underline',
1059 |           'fas fa-undo',
1060 |           'fas fa-undo-alt',
1061 |           'fas fa-universal-access',
1062 |           'fas fa-university',
1063 |           'fas fa-unlink',
1064 |           'fas fa-unlock',
1065 |           'fas fa-unlock-alt',
1066 |           'fas fa-upload',
1067 |           'fas fa-user',
1068 |           'fas fa-user-alt',
1069 |           'fas fa-user-alt-slash',
1070 |           'fas fa-user-astronaut',
1071 |           'fas fa-user-check',
1072 |           'fas fa-user-circle',
1073 |           'fas fa-user-clock',
1074 |           'fas fa-user-cog',
1075 |           'fas fa-user-edit',
1076 |           'fas fa-user-friends',
1077 |           'fas fa-user-graduate',
1078 |           'fas fa-user-injured',
1079 |           'fas fa-user-lock',
1080 |           'fas fa-user-md',
1081 |           'fas fa-user-minus',
1082 |           'fas fa-user-ninja',
1083 |           'fas fa-user-nurse',
1084 |           'fas fa-user-plus',
1085 |           'fas fa-user-secret',
1086 |           'fas fa-user-shield',
1087 |           'fas fa-user-slash',
1088 |           'fas fa-user-tag',
1089 |           'fas fa-user-tie',
1090 |           'fas fa-user-times',
1091 |           'fas fa-users',
1092 |           'fas fa-users-cog',
1093 |           'fas fa-utensil-spoon',
1094 |           'fas fa-utensils',
1095 |           'fas fa-vector-square',
1096 |           'fas fa-venus',
1097 |           'fas fa-venus-double',
1098 |           'fas fa-venus-mars',
1099 |           'fas fa-vial',
1100 |           'fas fa-vials',
1101 |           'fas fa-video',
1102 |           'fas fa-video-slash',
1103 |           'fas fa-vihara',
1104 |           'fas fa-voicemail',
1105 |           'fas fa-volleyball-ball',
1106 |           'fas fa-volume-down',
1107 |           'fas fa-volume-mute',
1108 |           'fas fa-volume-off',
1109 |           'fas fa-volume-up',
1110 |           'fas fa-vote-yea',
1111 |           'fas fa-vr-cardboard',
1112 |           'fas fa-walking',
1113 |           'fas fa-wallet',
1114 |           'fas fa-warehouse',
1115 |           'fas fa-water',
1116 |           'fas fa-wave-square',
1117 |           'fas fa-weight',
1118 |           'fas fa-weight-hanging',
1119 |           'fas fa-wheelchair',
1120 |           'fas fa-wifi',
1121 |           'fas fa-wind',
1122 |           'fas fa-window-close',
1123 |           'fas fa-window-maximize',
1124 |           'fas fa-window-minimize',
1125 |           'fas fa-window-restore',
1126 |           'fas fa-wine-bottle',
1127 |           'fas fa-wine-glass',
1128 |           'fas fa-wine-glass-alt',
1129 |           'fas fa-won-sign',
1130 |           'fas fa-wrench',
1131 |           'fas fa-x-ray',
1132 |           'fas fa-yen-sign',
1133 |           'fas fa-yin-yang'
1134 |         ]
1135 |       },
1136 |       brands: {
1137 |         title: 'Brands',
1138 |         prefix: 'fab fa-',
1139 |         iconstyle: 'fa-brands',
1140 |         listicon: 'fab fa-font-awesome-flag',
1141 |         icons: [
1142 |           'fab fa-500px',
1143 |           'fab fa-accessible-icon',
1144 |           'fab fa-accusoft',
1145 |           'fab fa-acquisitions-incorporated',
1146 |           'fab fa-adn',
1147 |           'fab fa-adobe',
1148 |           'fab fa-adversal',
1149 |           'fab fa-affiliatetheme',
1150 |           'fab fa-airbnb',
1151 |           'fab fa-algolia',
1152 |           'fab fa-alipay',
1153 |           'fab fa-amazon',
1154 |           'fab fa-amazon-pay',
1155 |           'fab fa-amilia',
1156 |           'fab fa-android',
1157 |           'fab fa-angellist',
1158 |           'fab fa-angrycreative',
1159 |           'fab fa-angular',
1160 |           'fab fa-app-store',
1161 |           'fab fa-app-store-ios',
1162 |           'fab fa-apper',
1163 |           'fab fa-apple',
1164 |           'fab fa-apple-pay',
1165 |           'fab fa-artstation',
1166 |           'fab fa-asymmetrik',
1167 |           'fab fa-atlassian',
1168 |           'fab fa-audible',
1169 |           'fab fa-autoprefixer',
1170 |           'fab fa-avianex',
1171 |           'fab fa-aviato',
1172 |           'fab fa-aws',
1173 |           'fab fa-bandcamp',
1174 |           'fab fa-battle-net',
1175 |           'fab fa-behance',
1176 |           'fab fa-behance-square',
1177 |           'fab fa-bimobject',
1178 |           'fab fa-bitbucket',
1179 |           'fab fa-bitcoin',
1180 |           'fab fa-bity',
1181 |           'fab fa-black-tie',
1182 |           'fab fa-blackberry',
1183 |           'fab fa-blogger',
1184 |           'fab fa-blogger-b',
1185 |           'fab fa-bluetooth',
1186 |           'fab fa-bluetooth-b',
1187 |           'fab fa-bootstrap',
1188 |           'fab fa-btc',
1189 |           'fab fa-buffer',
1190 |           'fab fa-buromobelexperte',
1191 |           'fab fa-buy-n-large',
1192 |           'fab fa-buysellads',
1193 |           'fab fa-canadian-maple-leaf',
1194 |           'fab fa-cc-amazon-pay',
1195 |           'fab fa-cc-amex',
1196 |           'fab fa-cc-apple-pay',
1197 |           'fab fa-cc-diners-club',
1198 |           'fab fa-cc-discover',
1199 |           'fab fa-cc-jcb',
1200 |           'fab fa-cc-mastercard',
1201 |           'fab fa-cc-paypal',
1202 |           'fab fa-cc-stripe',
1203 |           'fab fa-cc-visa',
1204 |           'fab fa-centercode',
1205 |           'fab fa-centos',
1206 |           'fab fa-chrome',
1207 |           'fab fa-chromecast',
1208 |           'fab fa-cloudscale',
1209 |           'fab fa-cloudsmith',
1210 |           'fab fa-cloudversify',
1211 |           'fab fa-codepen',
1212 |           'fab fa-codiepie',
1213 |           'fab fa-confluence',
1214 |           'fab fa-connectdevelop',
1215 |           'fab fa-contao',
1216 |           'fab fa-cotton-bureau',
1217 |           'fab fa-cpanel',
1218 |           'fab fa-creative-commons',
1219 |           'fab fa-creative-commons-by',
1220 |           'fab fa-creative-commons-nc',
1221 |           'fab fa-creative-commons-nc-eu',
1222 |           'fab fa-creative-commons-nc-jp',
1223 |           'fab fa-creative-commons-nd',
1224 |           'fab fa-creative-commons-pd',
1225 |           'fab fa-creative-commons-pd-alt',
1226 |           'fab fa-creative-commons-remix',
1227 |           'fab fa-creative-commons-sa',
1228 |           'fab fa-creative-commons-sampling',
1229 |           'fab fa-creative-commons-sampling-plus',
1230 |           'fab fa-creative-commons-share',
1231 |           'fab fa-creative-commons-zero',
1232 |           'fab fa-critical-role',
1233 |           'fab fa-css3',
1234 |           'fab fa-css3-alt',
1235 |           'fab fa-cuttlefish',
1236 |           'fab fa-d-and-d',
1237 |           'fab fa-d-and-d-beyond',
1238 |           'fab fa-dashcube',
1239 |           'fab fa-delicious',
1240 |           'fab fa-deploydog',
1241 |           'fab fa-deskpro',
1242 |           'fab fa-dev',
1243 |           'fab fa-deviantart',
1244 |           'fab fa-dhl',
1245 |           'fab fa-diaspora',
1246 |           'fab fa-digg',
1247 |           'fab fa-digital-ocean',
1248 |           'fab fa-discord',
1249 |           'fab fa-discourse',
1250 |           'fab fa-dochub',
1251 |           'fab fa-docker',
1252 |           'fab fa-draft2digital',
1253 |           'fab fa-dribbble',
1254 |           'fab fa-dribbble-square',
1255 |           'fab fa-dropbox',
1256 |           'fab fa-drupal',
1257 |           'fab fa-dyalog',
1258 |           'fab fa-earlybirds',
1259 |           'fab fa-ebay',
1260 |           'fab fa-edge',
1261 |           'fab fa-elementor',
1262 |           'fab fa-ello',
1263 |           'fab fa-ember',
1264 |           'fab fa-empire',
1265 |           'fab fa-envira',
1266 |           'fab fa-erlang',
1267 |           'fab fa-ethereum',
1268 |           'fab fa-etsy',
1269 |           'fab fa-evernote',
1270 |           'fab fa-expeditedssl',
1271 |           'fab fa-facebook',
1272 |           'fab fa-facebook-f',
1273 |           'fab fa-facebook-messenger',
1274 |           'fab fa-facebook-square',
1275 |           'fab fa-fantasy-flight-games',
1276 |           'fab fa-fedex',
1277 |           'fab fa-fedora',
1278 |           'fab fa-figma',
1279 |           'fab fa-firefox',
1280 |           'fab fa-firefox-browser',
1281 |           'fab fa-first-order',
1282 |           'fab fa-first-order-alt',
1283 |           'fab fa-firstdraft',
1284 |           'fab fa-flickr',
1285 |           'fab fa-flipboard',
1286 |           'fab fa-fly',
1287 |           'fab fa-font-awesome',
1288 |           'fab fa-font-awesome-alt',
1289 |           'fab fa-font-awesome-flag',
1290 |           'fab fa-fonticons',
1291 |           'fab fa-fonticons-fi',
1292 |           'fab fa-fort-awesome',
1293 |           'fab fa-fort-awesome-alt',
1294 |           'fab fa-forumbee',
1295 |           'fab fa-foursquare',
1296 |           'fab fa-free-code-camp',
1297 |           'fab fa-freebsd',
1298 |           'fab fa-fulcrum',
1299 |           'fab fa-galactic-republic',
1300 |           'fab fa-galactic-senate',
1301 |           'fab fa-get-pocket',
1302 |           'fab fa-gg',
1303 |           'fab fa-gg-circle',
1304 |           'fab fa-git',
1305 |           'fab fa-git-alt',
1306 |           'fab fa-git-square',
1307 |           'fab fa-github',
1308 |           'fab fa-github-alt',
1309 |           'fab fa-github-square',
1310 |           'fab fa-gitkraken',
1311 |           'fab fa-gitlab',
1312 |           'fab fa-gitter',
1313 |           'fab fa-glide',
1314 |           'fab fa-glide-g',
1315 |           'fab fa-gofore',
1316 |           'fab fa-goodreads',
1317 |           'fab fa-goodreads-g',
1318 |           'fab fa-google',
1319 |           'fab fa-google-drive',
1320 |           'fab fa-google-play',
1321 |           'fab fa-google-plus',
1322 |           'fab fa-google-plus-g',
1323 |           'fab fa-google-plus-square',
1324 |           'fab fa-google-wallet',
1325 |           'fab fa-gratipay',
1326 |           'fab fa-grav',
1327 |           'fab fa-gripfire',
1328 |           'fab fa-grunt',
1329 |           'fab fa-gulp',
1330 |           'fab fa-hacker-news',
1331 |           'fab fa-hacker-news-square',
1332 |           'fab fa-hackerrank',
1333 |           'fab fa-hips',
1334 |           'fab fa-hire-a-helper',
1335 |           'fab fa-hooli',
1336 |           'fab fa-hornbill',
1337 |           'fab fa-hotjar',
1338 |           'fab fa-houzz',
1339 |           'fab fa-html5',
1340 |           'fab fa-hubspot',
1341 |           'fab fa-ideal',
1342 |           'fab fa-imdb',
1343 |           'fab fa-instagram',
1344 |           'fab fa-intercom',
1345 |           'fab fa-internet-explorer',
1346 |           'fab fa-invision',
1347 |           'fab fa-ioxhost',
1348 |           'fab fa-itch-io',
1349 |           'fab fa-itunes',
1350 |           'fab fa-itunes-note',
1351 |           'fab fa-java',
1352 |           'fab fa-jedi-order',
1353 |           'fab fa-jenkins',
1354 |           'fab fa-jira',
1355 |           'fab fa-joget',
1356 |           'fab fa-joomla',
1357 |           'fab fa-js',
1358 |           'fab fa-js-square',
1359 |           'fab fa-jsfiddle',
1360 |           'fab fa-kaggle',
1361 |           'fab fa-keybase',
1362 |           'fab fa-keycdn',
1363 |           'fab fa-kickstarter',
1364 |           'fab fa-kickstarter-k',
1365 |           'fab fa-korvue',
1366 |           'fab fa-laravel',
1367 |           'fab fa-lastfm',
1368 |           'fab fa-lastfm-square',
1369 |           'fab fa-leanpub',
1370 |           'fab fa-less',
1371 |           'fab fa-line',
1372 |           'fab fa-linkedin',
1373 |           'fab fa-linkedin-in',
1374 |           'fab fa-linode',
1375 |           'fab fa-linux',
1376 |           'fab fa-lyft',
1377 |           'fab fa-magento',
1378 |           'fab fa-mailchimp',
1379 |           'fab fa-mandalorian',
1380 |           'fab fa-markdown',
1381 |           'fab fa-mastodon',
1382 |           'fab fa-maxcdn',
1383 |           'fab fa-mdb',
1384 |           'fab fa-medapps',
1385 |           'fab fa-medium',
1386 |           'fab fa-medium-m',
1387 |           'fab fa-medrt',
1388 |           'fab fa-meetup',
1389 |           'fab fa-megaport',
1390 |           'fab fa-mendeley',
1391 |           'fab fa-microblog',
1392 |           'fab fa-microsoft',
1393 |           'fab fa-mix',
1394 |           'fab fa-mixcloud',
1395 |           'fab fa-mizuni',
1396 |           'fab fa-modx',
1397 |           'fab fa-monero',
1398 |           'fab fa-napster',
1399 |           'fab fa-neos',
1400 |           'fab fa-nimblr',
1401 |           'fab fa-node',
1402 |           'fab fa-node-js',
1403 |           'fab fa-npm',
1404 |           'fab fa-ns8',
1405 |           'fab fa-nutritionix',
1406 |           'fab fa-odnoklassniki',
1407 |           'fab fa-odnoklassniki-square',
1408 |           'fab fa-old-republic',
1409 |           'fab fa-opencart',
1410 |           'fab fa-openid',
1411 |           'fab fa-opera',
1412 |           'fab fa-optin-monster',
1413 |           'fab fa-orcid',
1414 |           'fab fa-osi',
1415 |           'fab fa-page4',
1416 |           'fab fa-pagelines',
1417 |           'fab fa-palfed',
1418 |           'fab fa-patreon',
1419 |           'fab fa-paypal',
1420 |           'fab fa-penny-arcade',
1421 |           'fab fa-periscope',
1422 |           'fab fa-phabricator',
1423 |           'fab fa-phoenix-framework',
1424 |           'fab fa-phoenix-squadron',
1425 |           'fab fa-php',
1426 |           'fab fa-pied-piper',
1427 |           'fab fa-pied-piper-alt',
1428 |           'fab fa-pied-piper-hat',
1429 |           'fab fa-pied-piper-pp',
1430 |           'fab fa-pied-piper-square',
1431 |           'fab fa-pinterest',
1432 |           'fab fa-pinterest-p',
1433 |           'fab fa-pinterest-square',
1434 |           'fab fa-playstation',
1435 |           'fab fa-product-hunt',
1436 |           'fab fa-pushed',
1437 |           'fab fa-python',
1438 |           'fab fa-qq',
1439 |           'fab fa-quinscape',
1440 |           'fab fa-quora',
1441 |           'fab fa-r-project',
1442 |           'fab fa-raspberry-pi',
1443 |           'fab fa-ravelry',
1444 |           'fab fa-react',
1445 |           'fab fa-reacteurope',
1446 |           'fab fa-readme',
1447 |           'fab fa-rebel',
1448 |           'fab fa-red-river',
1449 |           'fab fa-reddit',
1450 |           'fab fa-reddit-alien',
1451 |           'fab fa-reddit-square',
1452 |           'fab fa-redhat',
1453 |           'fab fa-renren',
1454 |           'fab fa-replyd',
1455 |           'fab fa-researchgate',
1456 |           'fab fa-resolving',
1457 |           'fab fa-rev',
1458 |           'fab fa-rocketchat',
1459 |           'fab fa-rockrms',
1460 |           'fab fa-safari',
1461 |           'fab fa-salesforce',
1462 |           'fab fa-sass',
1463 |           'fab fa-schlix',
1464 |           'fab fa-scribd',
1465 |           'fab fa-searchengin',
1466 |           'fab fa-sellcast',
1467 |           'fab fa-sellsy',
1468 |           'fab fa-servicestack',
1469 |           'fab fa-shirtsinbulk',
1470 |           'fab fa-shopware',
1471 |           'fab fa-simplybuilt',
1472 |           'fab fa-sistrix',
1473 |           'fab fa-sith',
1474 |           'fab fa-sketch',
1475 |           'fab fa-skyatlas',
1476 |           'fab fa-skype',
1477 |           'fab fa-slack',
1478 |           'fab fa-slack-hash',
1479 |           'fab fa-slideshare',
1480 |           'fab fa-snapchat',
1481 |           'fab fa-snapchat-ghost',
1482 |           'fab fa-snapchat-square',
1483 |           'fab fa-soundcloud',
1484 |           'fab fa-sourcetree',
1485 |           'fab fa-speakap',
1486 |           'fab fa-speaker-deck',
1487 |           'fab fa-spotify',
1488 |           'fab fa-squarespace',
1489 |           'fab fa-stack-exchange',
1490 |           'fab fa-stack-overflow',
1491 |           'fab fa-stackpath',
1492 |           'fab fa-staylinked',
1493 |           'fab fa-steam',
1494 |           'fab fa-steam-square',
1495 |           'fab fa-steam-symbol',
1496 |           'fab fa-sticker-mule',
1497 |           'fab fa-strava',
1498 |           'fab fa-stripe',
1499 |           'fab fa-stripe-s',
1500 |           'fab fa-studiovinari',
1501 |           'fab fa-stumbleupon',
1502 |           'fab fa-stumbleupon-circle',
1503 |           'fab fa-superpowers',
1504 |           'fab fa-supple',
1505 |           'fab fa-suse',
1506 |           'fab fa-swift',
1507 |           'fab fa-symfony',
1508 |           'fab fa-teamspeak',
1509 |           'fab fa-telegram',
1510 |           'fab fa-telegram-plane',
1511 |           'fab fa-tencent-weibo',
1512 |           'fab fa-the-red-yeti',
1513 |           'fab fa-themeco',
1514 |           'fab fa-themeisle',
1515 |           'fab fa-think-peaks',
1516 |           'fab fa-trade-federation',
1517 |           'fab fa-trello',
1518 |           'fab fa-tripadvisor',
1519 |           'fab fa-tumblr',
1520 |           'fab fa-tumblr-square',
1521 |           'fab fa-twitch',
1522 |           'fab fa-twitter',
1523 |           'fab fa-twitter-square',
1524 |           'fab fa-typo3',
1525 |           'fab fa-uber',
1526 |           'fab fa-ubuntu',
1527 |           'fab fa-uikit',
1528 |           'fab fa-umbraco',
1529 |           'fab fa-uniregistry',
1530 |           'fab fa-unity',
1531 |           'fab fa-untappd',
1532 |           'fab fa-ups',
1533 |           'fab fa-usb',
1534 |           'fab fa-usps',
1535 |           'fab fa-ussunnah',
1536 |           'fab fa-vaadin',
1537 |           'fab fa-viacoin',
1538 |           'fab fa-viadeo',
1539 |           'fab fa-viadeo-square',
1540 |           'fab fa-viber',
1541 |           'fab fa-vimeo',
1542 |           'fab fa-vimeo-square',
1543 |           'fab fa-vimeo-v',
1544 |           'fab fa-vine',
1545 |           'fab fa-vk',
1546 |           'fab fa-vnv',
1547 |           'fab fa-vuejs',
1548 |           'fab fa-waze',
1549 |           'fab fa-weebly',
1550 |           'fab fa-weibo',
1551 |           'fab fa-weixin',
1552 |           'fab fa-whatsapp',
1553 |           'fab fa-whatsapp-square',
1554 |           'fab fa-whmcs',
1555 |           'fab fa-wikipedia-w',
1556 |           'fab fa-windows',
1557 |           'fab fa-wix',
1558 |           'fab fa-wizards-of-the-coast',
1559 |           'fab fa-wolf-pack-battalion',
1560 |           'fab fa-wordpress',
1561 |           'fab fa-wordpress-simple',
1562 |           'fab fa-wpbeginner',
1563 |           'fab fa-wpexplorer',
1564 |           'fab fa-wpforms',
1565 |           'fab fa-wpressr',
1566 |           'fab fa-xbox',
1567 |           'fab fa-xing',
1568 |           'fab fa-xing-square',
1569 |           'fab fa-y-combinator',
1570 |           'fab fa-yahoo',
1571 |           'fab fa-yammer',
1572 |           'fab fa-yandex',
1573 |           'fab fa-yandex-international',
1574 |           'fab fa-yarn',
1575 |           'fab fa-yelp',
1576 |           'fab fa-yoast',
1577 |           'fab fa-youtube',
1578 |           'fab fa-youtube-square',
1579 |           'fab fa-zhihu'
1580 |         ]
1581 |       }
1582 |     }
1583 |   }
1584 | }
1585 | 


--------------------------------------------------------------------------------
/src/entry.js:
--------------------------------------------------------------------------------
1 | import Vue3IconPicker from "./components/Vue3IconPicker.vue"
2 | 
3 | export default Vue3IconPicker


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import { createApp } from 'vue'
2 | import App from './App.vue'
3 | 
4 | createApp(App).mount('#app')
5 | 


--------------------------------------------------------------------------------
/vite.config.js:
--------------------------------------------------------------------------------
 1 | import vue from '@vitejs/plugin-vue'
 2 | 
 3 | export default {
 4 |   plugins: [vue()],
 5 |   server: {
 6 |     open: '/index.html'
 7 |   }
 8 | }
 9 | 
10 | 
11 | /*
12 | //Use This COnfig For UMD and ESM Build
13 | import vue from "@vitejs/plugin-vue"
14 | const path = require("path")
15 | const replace = require("@rollup/plugin-replace")
16 | 
17 | export default {
18 |   plugins: [
19 |     vue(),
20 |     replace({
21 |       "process.env.NODE_ENV": JSON.stringify("production"),
22 |     }),
23 |   ],
24 |   build: {
25 |     lib: {
26 |       entry: path.resolve(__dirname, "src/entry.js"),
27 |       name: "Vue3IconPicker",
28 |     },
29 |     rollupOptions: {
30 |       external: ["vue"],
31 |       output: {
32 |         globals: {
33 |           vue: "Vue",
34 |         },
35 |       },
36 |     },
37 |   },
38 | }
39 | */


--------------------------------------------------------------------------------