Font Awesome v4.7

Memuat
var __icon = 'address-book,address-book-o,address-card,address-card-o,adjust,american-sign-language-interpreting,anchor,archive,area-chart,arrows,arrows-h,arrows-v,asl-interpreting,assistive-listening-systems,asterisk,at,automobile,audio-description,balance-scale,ban,bank,bar-chart,bar-chart-o,barcode,bars,bath,bathtub,battery-0,battery-1,battery-2,battery-3,battery-4,battery-empty,battery-full,battery-half,battery-quarter,battery-three-quarters,bed,beer,bell,bell-o,bell-slash,bell-slash-o,bicycle,binoculars,birthday-cake,blind,bolt,bomb,book,bookmark,bookmark-o,braille,briefcase,bug,building,building-o,bullhorn,bullseye,bus,cab,calculator,calendar,calendar-o,calendar-check-o,calendar-minus-o,calendar-plus-o,calendar-times-o,camera,camera-retro,car,caret-square-o-down,caret-square-o-left,caret-square-o-right,caret-square-o-up,cart-arrow-down,cart-plus,cc,certificate,check,check-circle,check-circle-o,check-square,check-square-o,child,circle,circle-o,circle-o-notch,circle-thin,clock-o,clone,close,cloud,cloud-download,cloud-upload,code,code-fork,coffee,cog,cogs,comment,comment-o,comments,comments-o,commenting,commenting-o,compass,copyright,credit-card,credit-card-alt,creative-commons,crop,crosshairs,cube,cubes,cutlery,dashboard,database,deaf,deafness,desktop,diamond,dot-circle-o,download,drivers-license,drivers-license-o,edit,ellipsis-h,ellipsis-v,envelope,envelope-o,envelope-open,envelope-open-o,envelope-square,eraser,exchange,exclamation,exclamation-circle,exclamation-triangle,external-link,external-link-square,eye,eye-slash,eyedropper,fax,female,fighter-jet,file-archive-o,file-audio-o,file-code-o,file-excel-o,file-image-o,file-movie-o,file-pdf-o,file-photo-o,file-picture-o,file-powerpoint-o,file-sound-o,file-video-o,file-word-o,file-zip-o,film,filter,fire,fire-extinguisher,flag,flag-checkered,flag-o,flash,flask,folder,folder-o,folder-open,folder-open-o,frown-o,futbol-o,gamepad,gavel,gear,gears,genderless,gift,glass,globe,graduation-cap,group,hard-of-hearing,hdd-o,handshake-o,hashtag,headphones,heart,heart-o,heartbeat,history,home,hotel,hourglass,hourglass-1,hourglass-2,hourglass-3,hourglass-end,hourglass-half,hourglass-o,hourglass-start,i-cursor,id-badge,id-card,id-card-o,image,inbox,industry,info,info-circle,institution,key,keyboard-o,language,laptop,leaf,legal,lemon-o,level-down,level-up,life-bouy,life-buoy,life-ring,life-saver,lightbulb-o,line-chart,location-arrow,lock,low-vision,magic,magnet,mail-forward,mail-reply,mail-reply-all,male,map,map-o,map-pin,map-signs,map-marker,meh-o,microchip,microphone,microphone-slash,minus,minus-circle,minus-square,minus-square-o,mobile,mobile-phone,money,moon-o,mortar-board,motorcycle,mouse-pointer,music,navicon,newspaper-o,object-group,object-ungroup,paint-brush,paper-plane,paper-plane-o,paw,pencil,pencil-square,pencil-square-o,percent,phone,phone-square,photo,picture-o,pie-chart,plane,plug,plus,plus-circle,plus-square,plus-square-o,podcast,power-off,print,puzzle-piece,qrcode,question,question-circle,question-circle-o,quote-left,quote-right,random,recycle,refresh,registered,remove,reorder,reply,reply-all,retweet,road,rocket,rss,rss-square,s15,search,search-minus,search-plus,send,send-o,server,share,share-alt,share-alt-square,share-square,share-square-o,shield,ship,shopping-bag,shopping-basket,shopping-cart,shower,sign-in,sign-out,sign-language,signal,signing,sitemap,sliders,smile-o,snowflake-o,soccer-ball-o,sort,sort-alpha-asc,sort-alpha-desc,sort-amount-asc,sort-amount-desc,sort-asc,sort-desc,sort-down,sort-numeric-asc,sort-numeric-desc,sort-up,space-shuttle,spinner,spoon,square,square-o,star,star-half,star-half-empty,star-half-full,star-half-o,star-o,sticky-note,sticky-note-o,street-view,suitcase,sun-o,support,tablet,tachometer,tag,tags,tasks,taxi,television,terminal,thermometer,thermometer-0,thermometer-1,thermometer-2,thermometer-3,thermometer-4,thermometer-empty,thermometer-full,thermometer-half,thermometer-quarter,thermometer-three-quarters,thumb-tack,thumbs-down,thumbs-o-up,thumbs-up,ticket,times,times-circle,times-circle-o,times-rectangle,times-rectangle-o,tint,toggle-down,toggle-left,toggle-right,toggle-up,toggle-off,toggle-on,trademark,trash,trash-o,tree,trophy,truck,tty,tv,umbrella,universal-access,university,unlock,unlock-alt,unsorted,upload,user,user-circle,user-circle-o,user-o,user-plus,user-secret,user-times,users,vcard,vcard-o,video-camera,volume-control-phone,volume-down,volume-off,volume-up,warning,wheelchair,wheelchair-alt,window-close,window-close-o,window-maximize,window-minimize,window-restore,wifi,wrench'; $(document).ready(function(){ var __iconX = __icon.split(','), llX = '
    '; for(var i=0; i<__iconX.length; i++){ llX += '
  • '+__iconX[i]+'
  • '; } llX += '
'; $('.fontawesome-list').html(llX); var style = document.createElement('style'); style.type = 'text/css'; style.innerText = '.fontawesome-list{padding:10px 0 0}.input-text#search-fa{box-shadow:0 0 1px 1px #0002;padding:8px 16px;border-radius:8px;width:100%;max-width:400px;margin:0 auto}.input-text#search-fa:focus{box-shadow:0 0 1px 1px #0005}.fontawesome-list ul{display:flex;flex-wrap:wrap;padding:10px 0}.fontawesome-list ul li{width:33.333%;padding:0 15px;display:block;box-shadow:0 0 0 transparent;border-radius:8px;cursor:pointer;line-height:46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fontawesome-list ul li:hover{background:#eee;box-shadow:0 0 3px #0007;color:var(--devs-c1)}.fontawesome-list ul i{display:inline-block;margin-right:5px;width:25px;text-align:center;font-size:20px}@media(max-width:768px){.fontawesome-list ul li{width:50%}}@media(max-width:425px){.fontawesome-list ul li{width:100%}}'; document.head.appendChild(style); $(document).on('click', '#search-fa', function(){ $(this).select(); searchFa(); }).on('keyup', '#search-fa', searchFa).on('keydown', '#search-fa', searchFa).on('mousedown', '#search-fa', searchFa).on('mouseup', '#search-fa', searchFa); }); function searchFa(){ var a = $('#search-fa').val().replace(/([\W_]+)/g, ' ').trim().replace(/\s/g, '-').toLowerCase(), b = new RegExp(a, 'g'); if(a == ''){ $('.fontawesome-list ul li').show(); } else { $('.fontawesome-list ul li').each(function(){ var c = $(this).text(); if(c.match(b)){ $(this).show(); } else { $(this).hide(); } }); } }