Skip to content

Instantly share code, notes, and snippets.

@zaosoula
Last active August 12, 2017 14:22
Show Gist options
  • Save zaosoula/4b55d06261e19d17630e75e63961ab76 to your computer and use it in GitHub Desktop.
Save zaosoula/4b55d06261e19d17630e75e63961ab76 to your computer and use it in GitHub Desktop.
HTML Select with all font-awesome icon by group (v4.7)
//Need to be run on : http://fontawesome.io/icons/
$.map($("h2.page-header").map(function(){
var a = $(this).nextAll(".row:first").find("a").map(function(){
return $(this).attr('href').split("/").slice(-1)[0];
});
return {title: $(this).html(), options: a}
}), function(object){ return "<optgroup label='"+object.title+"'>"+$.map($.unique(object.options), function(option){ return "<option>"+option+"</option>"; }).join("")+"</optgroup>"; }).join("");
<select>
<optgroup label='41 New Icons in 4.7'>
<option>address-book</option>
<option>address-book-o</option>
<option>address-card</option>
<option>address-card-o</option>
<option>bandcamp</option>
<option>bath</option>
<option>id-card</option>
<option>id-card-o</option>
<option>eercast</option>
<option>envelope-open</option>
<option>envelope-open-o</option>
<option>etsy</option>
<option>free-code-camp</option>
<option>grav</option>
<option>handshake-o</option>
<option>id-badge</option>
<option>id-card</option>
<option>id-card-o</option>
<option>imdb</option>
<option>linode</option>
<option>meetup</option>
<option>microchip</option>
<option>podcast</option>
<option>quora</option>
<option>ravelry</option>
<option>bath</option>
<option>shower</option>
<option>snowflake-o</option>
<option>superpowers</option>
<option>telegram</option>
<option>thermometer-full</option>
<option>thermometer-empty</option>
<option>thermometer-quarter</option>
<option>thermometer-half</option>
<option>thermometer-three-quarters</option>
<option>thermometer-full</option>
<option>thermometer-empty</option>
<option>thermometer-full</option>
<option>thermometer-half</option>
<option>thermometer-quarter</option>
<option>thermometer-three-quarters</option>
<option>window-close</option>
<option>window-close-o</option>
<option>user-circle</option>
<option>user-circle-o</option>
<option>user-o</option>
<option>address-card</option>
<option>address-card-o</option>
<option>window-close</option>
<option>window-close-o</option>
<option>window-maximize</option>
<option>window-minimize</option>
<option>window-restore</option>
<option>wpexplorer</option>
</optgroup>
<optgroup label='Web Application Icons'>
<option>address-book</option>
<option>address-book-o</option>
<option>address-card</option>
<option>address-card-o</option>
<option>adjust</option>
<option>american-sign-language-interpreting</option>
<option>anchor</option>
<option>archive</option>
<option>area-chart</option>
<option>arrows</option>
<option>arrows-h</option>
<option>arrows-v</option>
<option>american-sign-language-interpreting</option>
<option>assistive-listening-systems</option>
<option>asterisk</option>
<option>at</option>
<option>audio-description</option>
<option>car</option>
<option>balance-scale</option>
<option>ban</option>
<option>university</option>
<option>bar-chart</option>
<option>barcode</option>
<option>bars</option>
<option>bath</option>
<option>battery-full</option>
<option>battery-empty</option>
<option>battery-quarter</option>
<option>battery-half</option>
<option>battery-three-quarters</option>
<option>battery-full</option>
<option>battery-empty</option>
<option>battery-full</option>
<option>battery-half</option>
<option>battery-quarter</option>
<option>battery-three-quarters</option>
<option>bed</option>
<option>beer</option>
<option>bell</option>
<option>bell-o</option>
<option>bell-slash</option>
<option>bell-slash-o</option>
<option>bicycle</option>
<option>binoculars</option>
<option>birthday-cake</option>
<option>blind</option>
<option>bluetooth</option>
<option>bluetooth-b</option>
<option>bolt</option>
<option>bomb</option>
<option>book</option>
<option>bookmark</option>
<option>bookmark-o</option>
<option>braille</option>
<option>briefcase</option>
<option>bug</option>
<option>building</option>
<option>building-o</option>
<option>bullhorn</option>
<option>bullseye</option>
<option>bus</option>
<option>taxi</option>
<option>calculator</option>
<option>calendar</option>
<option>calendar-check-o</option>
<option>calendar-minus-o</option>
<option>calendar-o</option>
<option>calendar-plus-o</option>
<option>calendar-times-o</option>
<option>camera</option>
<option>camera-retro</option>
<option>car</option>
<option>caret-square-o-down</option>
<option>caret-square-o-left</option>
<option>caret-square-o-right</option>
<option>caret-square-o-up</option>
<option>cart-arrow-down</option>
<option>cart-plus</option>
<option>cc</option>
<option>certificate</option>
<option>check</option>
<option>check-circle</option>
<option>check-circle-o</option>
<option>check-square</option>
<option>check-square-o</option>
<option>child</option>
<option>circle</option>
<option>circle-o</option>
<option>circle-o-notch</option>
<option>circle-thin</option>
<option>clock-o</option>
<option>clone</option>
<option>times</option>
<option>cloud</option>
<option>cloud-download</option>
<option>cloud-upload</option>
<option>code</option>
<option>code-fork</option>
<option>coffee</option>
<option>cog</option>
<option>cogs</option>
<option>comment</option>
<option>comment-o</option>
<option>commenting</option>
<option>commenting-o</option>
<option>comments</option>
<option>comments-o</option>
<option>compass</option>
<option>copyright</option>
<option>creative-commons</option>
<option>credit-card</option>
<option>credit-card-alt</option>
<option>crop</option>
<option>crosshairs</option>
<option>cube</option>
<option>cubes</option>
<option>cutlery</option>
<option>tachometer</option>
<option>database</option>
<option>deaf</option>
<option>desktop</option>
<option>diamond</option>
<option>dot-circle-o</option>
<option>download</option>
<option>id-card</option>
<option>id-card-o</option>
<option>pencil-square-o</option>
<option>ellipsis-h</option>
<option>ellipsis-v</option>
<option>envelope</option>
<option>envelope-o</option>
<option>envelope-open</option>
<option>envelope-open-o</option>
<option>envelope-square</option>
<option>eraser</option>
<option>exchange</option>
<option>exclamation</option>
<option>exclamation-circle</option>
<option>exclamation-triangle</option>
<option>external-link</option>
<option>external-link-square</option>
<option>eye</option>
<option>eye-slash</option>
<option>eyedropper</option>
<option>fax</option>
<option>rss</option>
<option>female</option>
<option>fighter-jet</option>
<option>file-archive-o</option>
<option>file-audio-o</option>
<option>file-code-o</option>
<option>file-excel-o</option>
<option>file-image-o</option>
<option>file-video-o</option>
<option>file-pdf-o</option>
<option>file-image-o</option>
<option>file-powerpoint-o</option>
<option>file-audio-o</option>
<option>file-video-o</option>
<option>file-word-o</option>
<option>file-archive-o</option>
<option>film</option>
<option>filter</option>
<option>fire</option>
<option>fire-extinguisher</option>
<option>flag</option>
<option>flag-checkered</option>
<option>flag-o</option>
<option>bolt</option>
<option>flask</option>
<option>folder</option>
<option>folder-o</option>
<option>folder-open</option>
<option>folder-open-o</option>
<option>frown-o</option>
<option>futbol-o</option>
<option>gamepad</option>
<option>gavel</option>
<option>cog</option>
<option>cogs</option>
<option>gift</option>
<option>glass</option>
<option>globe</option>
<option>graduation-cap</option>
<option>users</option>
<option>hand-rock-o</option>
<option>hand-lizard-o</option>
<option>hand-paper-o</option>
<option>hand-peace-o</option>
<option>hand-pointer-o</option>
<option>hand-rock-o</option>
<option>hand-scissors-o</option>
<option>hand-spock-o</option>
<option>hand-paper-o</option>
<option>handshake-o</option>
<option>deaf</option>
<option>hashtag</option>
<option>hdd-o</option>
<option>headphones</option>
<option>heart</option>
<option>heart-o</option>
<option>heartbeat</option>
<option>history</option>
<option>home</option>
<option>bed</option>
<option>hourglass</option>
<option>hourglass-start</option>
<option>hourglass-half</option>
<option>hourglass-end</option>
<option>hourglass-half</option>
<option>hourglass-o</option>
<option>hourglass-start</option>
<option>i-cursor</option>
<option>id-badge</option>
<option>id-card</option>
<option>id-card-o</option>
<option>picture-o</option>
<option>inbox</option>
<option>industry</option>
<option>info</option>
<option>info-circle</option>
<option>university</option>
<option>key</option>
<option>keyboard-o</option>
<option>language</option>
<option>laptop</option>
<option>leaf</option>
<option>gavel</option>
<option>lemon-o</option>
<option>level-down</option>
<option>level-up</option>
<option>life-ring</option>
<option>lightbulb-o</option>
<option>line-chart</option>
<option>location-arrow</option>
<option>lock</option>
<option>low-vision</option>
<option>magic</option>
<option>magnet</option>
<option>share</option>
<option>reply</option>
<option>reply-all</option>
<option>male</option>
<option>map</option>
<option>map-marker</option>
<option>map-o</option>
<option>map-pin</option>
<option>map-signs</option>
<option>meh-o</option>
<option>microchip</option>
<option>microphone</option>
<option>microphone-slash</option>
<option>minus</option>
<option>minus-circle</option>
<option>minus-square</option>
<option>minus-square-o</option>
<option>mobile</option>
<option>money</option>
<option>moon-o</option>
<option>graduation-cap</option>
<option>motorcycle</option>
<option>mouse-pointer</option>
<option>music</option>
<option>bars</option>
<option>newspaper-o</option>
<option>object-group</option>
<option>object-ungroup</option>
<option>paint-brush</option>
<option>paper-plane</option>
<option>paper-plane-o</option>
<option>paw</option>
<option>pencil</option>
<option>pencil-square</option>
<option>pencil-square-o</option>
<option>percent</option>
<option>phone</option>
<option>phone-square</option>
<option>picture-o</option>
<option>pie-chart</option>
<option>plane</option>
<option>plug</option>
<option>plus</option>
<option>plus-circle</option>
<option>plus-square</option>
<option>plus-square-o</option>
<option>podcast</option>
<option>power-off</option>
<option>print</option>
<option>puzzle-piece</option>
<option>qrcode</option>
<option>question</option>
<option>question-circle</option>
<option>question-circle-o</option>
<option>quote-left</option>
<option>quote-right</option>
<option>random</option>
<option>recycle</option>
<option>refresh</option>
<option>registered</option>
<option>times</option>
<option>bars</option>
<option>reply</option>
<option>reply-all</option>
<option>retweet</option>
<option>road</option>
<option>rocket</option>
<option>rss</option>
<option>rss-square</option>
<option>bath</option>
<option>search</option>
<option>search-minus</option>
<option>search-plus</option>
<option>paper-plane</option>
<option>paper-plane-o</option>
<option>server</option>
<option>share</option>
<option>share-alt</option>
<option>share-alt-square</option>
<option>share-square</option>
<option>share-square-o</option>
<option>shield</option>
<option>ship</option>
<option>shopping-bag</option>
<option>shopping-basket</option>
<option>shopping-cart</option>
<option>shower</option>
<option>sign-in</option>
<option>sign-language</option>
<option>sign-out</option>
<option>signal</option>
<option>sign-language</option>
<option>sitemap</option>
<option>sliders</option>
<option>smile-o</option>
<option>snowflake-o</option>
<option>futbol-o</option>
<option>sort</option>
<option>sort-alpha-asc</option>
<option>sort-alpha-desc</option>
<option>sort-amount-asc</option>
<option>sort-amount-desc</option>
<option>sort-asc</option>
<option>sort-desc</option>
<option>sort-numeric-asc</option>
<option>sort-numeric-desc</option>
<option>sort-asc</option>
<option>space-shuttle</option>
<option>spinner</option>
<option>spoon</option>
<option>square</option>
<option>square-o</option>
<option>star</option>
<option>star-half</option>
<option>star-half-o</option>
<option>star-o</option>
<option>sticky-note</option>
<option>sticky-note-o</option>
<option>street-view</option>
<option>suitcase</option>
<option>sun-o</option>
<option>life-ring</option>
<option>tablet</option>
<option>tachometer</option>
<option>tag</option>
<option>tags</option>
<option>tasks</option>
<option>taxi</option>
<option>television</option>
<option>terminal</option>
<option>thermometer-full</option>
<option>thermometer-empty</option>
<option>thermometer-quarter</option>
<option>thermometer-half</option>
<option>thermometer-three-quarters</option>
<option>thermometer-full</option>
<option>thermometer-empty</option>
<option>thermometer-full</option>
<option>thermometer-half</option>
<option>thermometer-quarter</option>
<option>thermometer-three-quarters</option>
<option>thumb-tack</option>
<option>thumbs-down</option>
<option>thumbs-o-down</option>
<option>thumbs-o-up</option>
<option>thumbs-up</option>
<option>ticket</option>
<option>times</option>
<option>times-circle</option>
<option>times-circle-o</option>
<option>window-close</option>
<option>window-close-o</option>
<option>tint</option>
<option>caret-square-o-down</option>
<option>caret-square-o-left</option>
<option>toggle-off</option>
<option>toggle-on</option>
<option>caret-square-o-right</option>
<option>caret-square-o-up</option>
<option>trademark</option>
<option>trash</option>
<option>trash-o</option>
<option>tree</option>
<option>trophy</option>
<option>truck</option>
<option>tty</option>
<option>television</option>
<option>umbrella</option>
<option>universal-access</option>
<option>university</option>
<option>unlock</option>
<option>unlock-alt</option>
<option>sort</option>
<option>upload</option>
<option>user</option>
<option>user-circle</option>
<option>user-circle-o</option>
<option>user-o</option>
<option>user-plus</option>
<option>user-secret</option>
<option>user-times</option>
<option>users</option>
<option>address-card</option>
<option>address-card-o</option>
<option>video-camera</option>
<option>volume-control-phone</option>
<option>volume-down</option>
<option>volume-off</option>
<option>volume-up</option>
<option>exclamation-triangle</option>
<option>wheelchair</option>
<option>wheelchair-alt</option>
<option>wifi</option>
<option>window-close</option>
<option>window-close-o</option>
<option>window-maximize</option>
<option>window-minimize</option>
<option>window-restore</option>
<option>wrench</option>
</optgroup>
<optgroup label='Accessibility Icons'>
<option>american-sign-language-interpreting</option>
<option>assistive-listening-systems</option>
<option>audio-description</option>
<option>blind</option>
<option>braille</option>
<option>cc</option>
<option>deaf</option>
<option>low-vision</option>
<option>question-circle-o</option>
<option>sign-language</option>
<option>tty</option>
<option>universal-access</option>
<option>volume-control-phone</option>
<option>wheelchair</option>
<option>wheelchair-alt</option>
</optgroup>
<optgroup label='Hand Icons'>
<option>hand-rock-o</option>
<option>hand-lizard-o</option>
<option>hand-o-down</option>
<option>hand-o-left</option>
<option>hand-o-right</option>
<option>hand-o-up</option>
<option>hand-paper-o</option>
<option>hand-peace-o</option>
<option>hand-pointer-o</option>
<option>hand-rock-o</option>
<option>hand-scissors-o</option>
<option>hand-spock-o</option>
<option>hand-paper-o</option>
<option>thumbs-down</option>
<option>thumbs-o-down</option>
<option>thumbs-o-up</option>
<option>thumbs-up</option>
</optgroup>
<optgroup label='Transportation Icons'>
<option>ambulance</option>
<option>car</option>
<option>bicycle</option>
<option>bus</option>
<option>taxi</option>
<option>car</option>
<option>fighter-jet</option>
<option>motorcycle</option>
<option>plane</option>
<option>rocket</option>
<option>ship</option>
<option>space-shuttle</option>
<option>subway</option>
<option>taxi</option>
<option>train</option>
<option>truck</option>
<option>wheelchair</option>
<option>wheelchair-alt</option>
</optgroup>
<optgroup label='Gender Icons'>
<option>genderless</option>
<option>transgender</option>
<option>mars</option>
<option>mars-double</option>
<option>mars-stroke</option>
<option>mars-stroke-h</option>
<option>mars-stroke-v</option>
<option>mercury</option>
<option>neuter</option>
<option>transgender</option>
<option>transgender-alt</option>
<option>venus</option>
<option>venus-double</option>
<option>venus-mars</option>
</optgroup>
<optgroup label='File Type Icons'>
<option>file</option>
<option>file-archive-o</option>
<option>file-audio-o</option>
<option>file-code-o</option>
<option>file-excel-o</option>
<option>file-image-o</option>
<option>file-video-o</option>
<option>file-o</option>
<option>file-pdf-o</option>
<option>file-image-o</option>
<option>file-powerpoint-o</option>
<option>file-audio-o</option>
<option>file-text</option>
<option>file-text-o</option>
<option>file-video-o</option>
<option>file-word-o</option>
<option>file-archive-o</option>
</optgroup>
<optgroup label='Spinner Icons'>
<option>circle-o-notch</option>
<option>cog</option>
<option>refresh</option>
<option>spinner</option>
</optgroup>
<optgroup label='Form Control Icons'>
<option>check-square</option>
<option>check-square-o</option>
<option>circle</option>
<option>circle-o</option>
<option>dot-circle-o</option>
<option>minus-square</option>
<option>minus-square-o</option>
<option>plus-square</option>
<option>plus-square-o</option>
<option>square</option>
<option>square-o</option>
</optgroup>
<optgroup label='Payment Icons'>
<option>cc-amex</option>
<option>cc-diners-club</option>
<option>cc-discover</option>
<option>cc-jcb</option>
<option>cc-mastercard</option>
<option>cc-paypal</option>
<option>cc-stripe</option>
<option>cc-visa</option>
<option>credit-card</option>
<option>credit-card-alt</option>
<option>google-wallet</option>
<option>paypal</option>
</optgroup>
<optgroup label='Chart Icons'>
<option>area-chart</option>
<option>bar-chart</option>
<option>line-chart</option>
<option>pie-chart</option>
</optgroup>
<optgroup label='Currency Icons'>
<option>btc</option>
<option>jpy</option>
<option>usd</option>
<option>eur</option>
<option>gbp</option>
<option>gg</option>
<option>gg-circle</option>
<option>ils</option>
<option>inr</option>
<option>jpy</option>
<option>krw</option>
<option>money</option>
<option>jpy</option>
<option>rub</option>
<option>inr</option>
<option>ils</option>
<option>try</option>
<option>usd</option>
<option>krw</option>
<option>jpy</option>
</optgroup>
<optgroup label='Text Editor Icons'>
<option>align-center</option>
<option>align-justify</option>
<option>align-left</option>
<option>align-right</option>
<option>bold</option>
<option>link</option>
<option>chain-broken</option>
<option>clipboard</option>
<option>columns</option>
<option>files-o</option>
<option>scissors</option>
<option>outdent</option>
<option>eraser</option>
<option>file</option>
<option>file-o</option>
<option>file-text</option>
<option>file-text-o</option>
<option>files-o</option>
<option>floppy-o</option>
<option>font</option>
<option>header</option>
<option>indent</option>
<option>italic</option>
<option>link</option>
<option>list</option>
<option>list-alt</option>
<option>list-ol</option>
<option>list-ul</option>
<option>outdent</option>
<option>paperclip</option>
<option>paragraph</option>
<option>clipboard</option>
<option>repeat</option>
<option>undo</option>
<option>repeat</option>
<option>floppy-o</option>
<option>scissors</option>
<option>strikethrough</option>
<option>subscript</option>
<option>superscript</option>
<option>table</option>
<option>text-height</option>
<option>text-width</option>
<option>th</option>
<option>th-large</option>
<option>th-list</option>
<option>underline</option>
<option>undo</option>
<option>chain-broken</option>
</optgroup>
<optgroup label='Directional Icons'>
<option>angle-double-down</option>
<option>angle-double-left</option>
<option>angle-double-right</option>
<option>angle-double-up</option>
<option>angle-down</option>
<option>angle-left</option>
<option>angle-right</option>
<option>angle-up</option>
<option>arrow-circle-down</option>
<option>arrow-circle-left</option>
<option>arrow-circle-o-down</option>
<option>arrow-circle-o-left</option>
<option>arrow-circle-o-right</option>
<option>arrow-circle-o-up</option>
<option>arrow-circle-right</option>
<option>arrow-circle-up</option>
<option>arrow-down</option>
<option>arrow-left</option>
<option>arrow-right</option>
<option>arrow-up</option>
<option>arrows</option>
<option>arrows-alt</option>
<option>arrows-h</option>
<option>arrows-v</option>
<option>caret-down</option>
<option>caret-left</option>
<option>caret-right</option>
<option>caret-square-o-down</option>
<option>caret-square-o-left</option>
<option>caret-square-o-right</option>
<option>caret-square-o-up</option>
<option>caret-up</option>
<option>chevron-circle-down</option>
<option>chevron-circle-left</option>
<option>chevron-circle-right</option>
<option>chevron-circle-up</option>
<option>chevron-down</option>
<option>chevron-left</option>
<option>chevron-right</option>
<option>chevron-up</option>
<option>exchange</option>
<option>hand-o-down</option>
<option>hand-o-left</option>
<option>hand-o-right</option>
<option>hand-o-up</option>
<option>long-arrow-down</option>
<option>long-arrow-left</option>
<option>long-arrow-right</option>
<option>long-arrow-up</option>
<option>caret-square-o-down</option>
<option>caret-square-o-left</option>
<option>caret-square-o-right</option>
<option>caret-square-o-up</option>
</optgroup>
<optgroup label='Video Player Icons'>
<option>arrows-alt</option>
<option>backward</option>
<option>compress</option>
<option>eject</option>
<option>expand</option>
<option>fast-backward</option>
<option>fast-forward</option>
<option>forward</option>
<option>pause</option>
<option>pause-circle</option>
<option>pause-circle-o</option>
<option>play</option>
<option>play-circle</option>
<option>play-circle-o</option>
<option>random</option>
<option>step-backward</option>
<option>step-forward</option>
<option>stop</option>
<option>stop-circle</option>
<option>stop-circle-o</option>
<option>youtube-play</option>
</optgroup>
<optgroup label='Brand Icons'>
<option>500px</option>
<option>adn</option>
<option>amazon</option>
<option>android</option>
<option>angellist</option>
<option>apple</option>
<option>bandcamp</option>
<option>behance</option>
<option>behance-square</option>
<option>bitbucket</option>
<option>bitbucket-square</option>
<option>btc</option>
<option>black-tie</option>
<option>bluetooth</option>
<option>bluetooth-b</option>
<option>btc</option>
<option>buysellads</option>
<option>cc-amex</option>
<option>cc-diners-club</option>
<option>cc-discover</option>
<option>cc-jcb</option>
<option>cc-mastercard</option>
<option>cc-paypal</option>
<option>cc-stripe</option>
<option>cc-visa</option>
<option>chrome</option>
<option>codepen</option>
<option>codiepie</option>
<option>connectdevelop</option>
<option>contao</option>
<option>css3</option>
<option>dashcube</option>
<option>delicious</option>
<option>deviantart</option>
<option>digg</option>
<option>dribbble</option>
<option>dropbox</option>
<option>drupal</option>
<option>edge</option>
<option>eercast</option>
<option>empire</option>
<option>envira</option>
<option>etsy</option>
<option>expeditedssl</option>
<option>font-awesome</option>
<option>facebook</option>
<option>facebook-official</option>
<option>facebook-square</option>
<option>firefox</option>
<option>first-order</option>
<option>flickr</option>
<option>font-awesome</option>
<option>fonticons</option>
<option>fort-awesome</option>
<option>forumbee</option>
<option>foursquare</option>
<option>free-code-camp</option>
<option>empire</option>
<option>get-pocket</option>
<option>gg</option>
<option>gg-circle</option>
<option>git</option>
<option>git-square</option>
<option>github</option>
<option>github-alt</option>
<option>github-square</option>
<option>gitlab</option>
<option>gratipay</option>
<option>glide</option>
<option>glide-g</option>
<option>google</option>
<option>google-plus</option>
<option>google-plus-official</option>
<option>google-plus-square</option>
<option>google-wallet</option>
<option>gratipay</option>
<option>grav</option>
<option>hacker-news</option>
<option>houzz</option>
<option>html5</option>
<option>imdb</option>
<option>instagram</option>
<option>internet-explorer</option>
<option>ioxhost</option>
<option>joomla</option>
<option>jsfiddle</option>
<option>lastfm</option>
<option>lastfm-square</option>
<option>leanpub</option>
<option>linkedin</option>
<option>linkedin-square</option>
<option>linode</option>
<option>linux</option>
<option>maxcdn</option>
<option>meanpath</option>
<option>medium</option>
<option>meetup</option>
<option>mixcloud</option>
<option>modx</option>
<option>odnoklassniki</option>
<option>odnoklassniki-square</option>
<option>opencart</option>
<option>openid</option>
<option>opera</option>
<option>optin-monster</option>
<option>pagelines</option>
<option>paypal</option>
<option>pied-piper</option>
<option>pied-piper-alt</option>
<option>pied-piper-pp</option>
<option>pinterest</option>
<option>pinterest-p</option>
<option>pinterest-square</option>
<option>product-hunt</option>
<option>qq</option>
<option>quora</option>
<option>rebel</option>
<option>ravelry</option>
<option>rebel</option>
<option>reddit</option>
<option>reddit-alien</option>
<option>reddit-square</option>
<option>renren</option>
<option>rebel</option>
<option>safari</option>
<option>scribd</option>
<option>sellsy</option>
<option>share-alt</option>
<option>share-alt-square</option>
<option>shirtsinbulk</option>
<option>simplybuilt</option>
<option>skyatlas</option>
<option>skype</option>
<option>slack</option>
<option>slideshare</option>
<option>snapchat</option>
<option>snapchat-ghost</option>
<option>snapchat-square</option>
<option>soundcloud</option>
<option>spotify</option>
<option>stack-exchange</option>
<option>stack-overflow</option>
<option>steam</option>
<option>steam-square</option>
<option>stumbleupon</option>
<option>stumbleupon-circle</option>
<option>superpowers</option>
<option>telegram</option>
<option>tencent-weibo</option>
<option>themeisle</option>
<option>trello</option>
<option>tripadvisor</option>
<option>tumblr</option>
<option>tumblr-square</option>
<option>twitch</option>
<option>twitter</option>
<option>twitter-square</option>
<option>usb</option>
<option>viacoin</option>
<option>viadeo</option>
<option>viadeo-square</option>
<option>vimeo</option>
<option>vimeo-square</option>
<option>vine</option>
<option>vk</option>
<option>weixin</option>
<option>weibo</option>
<option>weixin</option>
<option>whatsapp</option>
<option>wikipedia-w</option>
<option>windows</option>
<option>wordpress</option>
<option>wpbeginner</option>
<option>wpexplorer</option>
<option>wpforms</option>
<option>xing</option>
<option>xing-square</option>
<option>y-combinator</option>
<option>hacker-news</option>
<option>yahoo</option>
<option>y-combinator</option>
<option>hacker-news</option>
<option>yelp</option>
<option>yoast</option>
<option>youtube</option>
<option>youtube-play</option>
<option>youtube-square</option>
</optgroup>
<optgroup label='Medical Icons'>
<option>ambulance</option>
<option>h-square</option>
<option>heart</option>
<option>heart-o</option>
<option>heartbeat</option>
<option>hospital-o</option>
<option>medkit</option>
<option>plus-square</option>
<option>stethoscope</option>
<option>user-md</option>
<option>wheelchair</option>
<option>wheelchair-alt</option>
</optgroup>
</select>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment