Icons

Configuring icons

Many of the components require the react-native-vector-icons library to render correctly. If you're using Expo, you don't need to do anything extra, but if it's a vanilla React Native project, you need link the library as described in the getting started guide.

If you opted out of vector icons support using babel-plugin-optional-require, you won't be able to use icon names for the icon prop. Some components may not look correct without vector icons and might need extra configuration.

Using the icon prop

Many components such as Button accept an icon prop which is used to display an icon. The icon prop supports the following types of values:

1. An icon name

You can pass the name of an icon from MaterialCommunityIcons. This will use the react-native-vector-icons library to display the icon.

Example:

<Button icon="camera">
  Press me
</Button>

#See the list of supported icons

access-pointaccess-point-network﮽access-point-network-offaccountaccount-alertשּׁaccount-alert-outlineשּׂaccount-arrow-leftאַaccount-arrow-left-outlineאָaccount-arrow-rightאּaccount-arrow-right-outlineﶃaccount-badgeﶄaccount-badge-alertﶅaccount-badge-alert-outlineﷰaccount-badge-horizontalﷱaccount-badge-horizontal-outlineﶆaccount-badge-outlineaccount-box盧account-box-multipleaccount-box-outlineaccount-card-detailsﶇaccount-card-details-outlineaccount-check﮾account-check-outline愈account-child憎account-child-circleaccount-circleבּaccount-circle-outlineגּaccount-clockדּaccount-clock-outlineaccount-convertaccount-detailsaccount-editaccount-groupהּaccount-group-outlineaccount-heart﮿account-heart-outlineaccount-key﯀account-key-outlineaccount-minus﫫account-minus-outlineaccount-multipleaccount-multiple-checkaccount-multiple-minus﯁account-multiple-minus-outlineaccount-multiple-outlineaccount-multiple-plusaccount-multiple-plus-outlineaccount-network﯂account-network-outlineaccount-off﯃account-off-outlineaccount-outlineaccount-plusaccount-plus-outlineוּaccount-questionזּaccount-question-outlineaccount-remove﫬account-remove-outlineaccount-search老account-search-outlineaccount-settingsaccount-star﯄account-star-outline慠account-supervisor懲account-supervisor-circleaccount-switchﲿaccount-tieaccusoftﴞadchoicesadjust蘆adobeair-conditionerﴟair-filterﶈair-hornﴠair-purifier﯅airbagairballoonairplaneairplane-landingairplane-offairplane-takeoffairplayairportalarmalarm-bellalarm-checkalarm-light﯆alarm-light-outlinealarm-multiplealarm-offalarm-plusalarm-snoozealbumalertalert-boxﳀalert-box-outlinealert-circlealert-circle-outlinealert-decagramﳁalert-decagram-outlinealert-octagonﳂalert-octagon-outlinealert-octagramﳃalert-octagram-outlinealert-outlinealienall-inclusivealphaAalpha-a﫭alpha-a-box﯇alpha-a-box-outline﯈alpha-a-circle﯉alpha-a-circle-outlineBalpha-b﫮alpha-b-box﯊alpha-b-box-outline﯋alpha-b-circle﯌alpha-b-circle-outlineCalpha-c﫯alpha-c-box﯍alpha-c-box-outline﯎alpha-c-circle﯏alpha-c-circle-outlineDalpha-d﫰alpha-d-box﯐alpha-d-box-outline﯑alpha-d-circle﯒alpha-d-circle-outlineEalpha-e﫱alpha-e-boxﯓalpha-e-box-outlineﯔalpha-e-circleﯕalpha-e-circle-outlineFalpha-f﫲alpha-f-boxﯖalpha-f-box-outlineﯗalpha-f-circleﯘalpha-f-circle-outlineGalpha-g﫳alpha-g-boxﯙalpha-g-box-outlineﯚalpha-g-circleﯛalpha-g-circle-outlineHalpha-h﫴alpha-h-boxﯜalpha-h-box-outlineﯝalpha-h-circleﯞalpha-h-circle-outlineIalpha-i﫵alpha-i-boxﯟalpha-i-box-outlineﯠalpha-i-circleﯡalpha-i-circle-outlineJalpha-j﫶alpha-j-boxﯢalpha-j-box-outlineﯣalpha-j-circleﯤalpha-j-circle-outlineKalpha-k﫷alpha-k-boxﯥalpha-k-box-outlineﯦalpha-k-circleﯧalpha-k-circle-outlineLalpha-l﫸alpha-l-boxﯨalpha-l-box-outlineﯩalpha-l-circleﯪalpha-l-circle-outlineMalpha-m﫹alpha-m-boxﯫalpha-m-box-outlineﯬalpha-m-circleﯭalpha-m-circle-outlineNalpha-n﫺alpha-n-boxﯮalpha-n-box-outlineﯯalpha-n-circleﯰalpha-n-circle-outlineOalpha-o﫻alpha-o-boxﯱalpha-o-box-outlineﯲalpha-o-circleﯳalpha-o-circle-outlinePalpha-p﫼alpha-p-boxﯴalpha-p-box-outlineﯵalpha-p-circleﯶalpha-p-circle-outlineQalpha-q﫽alpha-q-boxﯷalpha-q-box-outlineﯸalpha-q-circleﯹalpha-q-circle-outlineRalpha-r﫾alpha-r-boxﯺalpha-r-box-outlineﯻalpha-r-circleﯼalpha-r-circle-outlineSalpha-s﫿alpha-s-boxﯽalpha-s-box-outlineﯾalpha-s-circleﯿalpha-s-circle-outlineTalpha-tffalpha-t-boxﰀalpha-t-box-outlineﰁalpha-t-circleﰂalpha-t-circle-outlineUalpha-ufialpha-u-boxﰃalpha-u-box-outlineﰄalpha-u-circleﰅalpha-u-circle-outlineValpha-vflalpha-v-boxﰆalpha-v-box-outlineﰇalpha-v-circleﰈalpha-v-circle-outlineWalpha-wffialpha-w-boxﰉalpha-w-box-outlineﰊalpha-w-circleﰋalpha-w-circle-outlineXalpha-xfflalpha-x-boxﰌalpha-x-box-outlineﰍalpha-x-circleﰎalpha-x-circle-outlineYalpha-yſtalpha-y-boxﰏalpha-y-box-outlineﰐalpha-y-circleﰑalpha-y-circle-outlineZalpha-zstalpha-z-boxﰒalpha-z-box-outlineﰓalpha-z-circleﰔalpha-z-circle-outlinealphabeticalaltimeteramazonamazon-alexaamazon-driveambulanceﳄammunition戴ampersandamplifieranchorandroid揄android-autoandroid-debug-bridgeandroid-headﴡandroid-messagesandroid-studio虜angle-acute路angle-obtuse露angle-rightangularangularjsanimation搜animation-outline魯animation-play摒animation-play-outlineanvilappleapple-finderapple-icloudapple-iosapple-keyboard-capsapple-keyboard-commandapple-keyboard-controlapple-keyboard-optionapple-keyboard-shiftapple-safariapplicationﶉapplication-exportﶊapplication-importappsﴢapps-boxarcharchivearrange-bring-forwardarrange-bring-to-frontarrange-send-backwardarrange-send-to-backarrow-allarrow-bottom-left禮arrow-bottom-left-bold-outline醴arrow-bottom-left-thickarrow-bottom-right隸arrow-bottom-right-bold-outline惡arrow-bottom-right-thickarrow-collapsearrow-collapse-allarrow-collapse-downarrow-collapse-horizontalarrow-collapse-leftarrow-collapse-rightarrow-collapse-uparrow-collapse-vertical了arrow-decision僚arrow-decision-auto寮arrow-decision-auto-outline尿arrow-decision-outlinearrow-downarrow-down-boldarrow-down-bold-boxarrow-down-bold-box-outlinearrow-down-bold-circlearrow-down-bold-circle-outlinearrow-down-bold-hexagon-outline料arrow-down-bold-outlinearrow-down-boxﲷarrow-down-circleﲸarrow-down-circle-outlinearrow-down-drop-circlearrow-down-drop-circle-outlinearrow-down-thickarrow-expandarrow-expand-allarrow-expand-downarrow-expand-horizontalarrow-expand-leftarrow-expand-rightarrow-expand-uparrow-expand-verticalarrow-leftarrow-left-boldarrow-left-bold-boxarrow-left-bold-box-outlinearrow-left-bold-circlearrow-left-bold-circle-outlinearrow-left-bold-hexagon-outline樂arrow-left-bold-outlinearrow-left-boxﲹarrow-left-circleﲺarrow-left-circle-outlinearrow-left-drop-circlearrow-left-drop-circle-outline燎arrow-left-right-bold-outlinearrow-left-thickarrow-rightarrow-right-boldarrow-right-bold-boxarrow-right-bold-box-outlinearrow-right-bold-circlearrow-right-bold-circle-outlinearrow-right-bold-hexagon-outline療arrow-right-bold-outlinearrow-right-boxﲻarrow-right-circleﲼarrow-right-circle-outlinearrow-right-drop-circlearrow-right-drop-circle-outlinearrow-right-thick鷺arrow-split-horizontal碌arrow-split-verticalarrow-top-left蓼arrow-top-left-bold-outline遼arrow-top-left-thickarrow-top-right龍arrow-top-right-bold-outline暈arrow-top-right-thickarrow-uparrow-up-boldarrow-up-bold-boxarrow-up-bold-box-outlinearrow-up-bold-circlearrow-up-bold-circle-outlinearrow-up-bold-hexagon-outline阮arrow-up-bold-outlinearrow-up-boxﲽarrow-up-circleﲾarrow-up-circle-outline劉arrow-up-down-bold-outlinearrow-up-drop-circlearrow-up-drop-circle-outlinearrow-up-thickartistﳅartist-outline﬷artstation﨣aspect-ratioassistantasteriskatatlassianﴣatmatomattachment祿audio-videoaudiobookaugmented-realityauto-fixauto-uploadautorenewav-timerﷲawsaxeﴤaxisﴥaxis-arrowﴦaxis-arrow-lockﴧaxis-lockﴨaxis-x-arrowﴩaxis-x-arrow-lockﴪaxis-x-rotate-clockwiseﴫaxis-x-rotate-counterclockwiseﴬaxis-x-y-arrow-lockﴭaxis-y-arrowﴮaxis-y-arrow-lockﴯaxis-y-rotate-clockwiseﴰaxis-y-rotate-counterclockwiseﴱaxis-z-arrowﴲaxis-z-arrow-lockﴳaxis-z-rotate-clockwiseﴴaxis-z-rotate-counterclockwiseazure﨤babelbabybaby-buggybackburgerbackspaceטּbackspace-outlinebackup-restorebadmintonﷳbag-personalﷴbag-personal-offﷵbag-personal-off-outlineﷶbag-personal-outline逸balloon杻ballot柳ballot-outlineﰕballot-recountﰖballot-recount-outlineﶋbandagebandcampbankﶌbank-minusﶍbank-plusﶎbank-remove都bank-transfer﨧bank-transfer-in﨨bank-transfer-outbarcodebarcode-scanbarleyיּbarley-offךּbarnbarrelbaseballbaseball-batbasecampbasketbasket-fillbasket-unfillbasketballﰗbasketball-hoopﰘbasketball-hoop-outlineכּbatbatterybattery-10綠battery-10-bluetoothbattery-20菉battery-20-bluetoothbattery-30錄battery-30-bluetoothbattery-40鹿battery-40-bluetoothbattery-50論battery-50-bluetoothbattery-60壟battery-60-bluetoothbattery-70弄battery-70-bluetoothbattery-80籠battery-80-bluetoothbattery-90聾battery-90-bluetoothbattery-alert牢battery-alert-bluetooth磊battery-bluetooth賂battery-bluetooth-variantbattery-chargingbattery-charging-10battery-charging-100battery-charging-20battery-charging-30battery-charging-40battery-charging-50battery-charging-60battery-charging-70battery-charging-80battery-charging-90battery-charging-outlinebattery-charging-wirelessbattery-charging-wireless-10battery-charging-wireless-20battery-charging-wireless-30battery-charging-wireless-40battery-charging-wireless-50battery-charging-wireless-60battery-charging-wireless-70battery-charging-wireless-80battery-charging-wireless-90battery-charging-wireless-alertbattery-charging-wireless-outlinebattery-minusbattery-negativebattery-outlinebattery-plusbattery-positivebattery-unknown雷battery-unknown-bluetoothלּbattlenetbeachﳆbeakerbeaker-outlinebeatsbed-emptybeerbehancebellﴵbell-alertﴶbell-circleﴷbell-circle-outlinebell-off敖bell-off-outlinebell-outlinebell-plus晴bell-plus-outlinebell-ringbell-ring-outlinebell-sleep朗bell-sleep-outlinebeta流betamaxﷷbiathlonbiblebike﬽billiardsמּbilliards-rackbingbinocularsbiobiohazardbitbucketbitcoinblack-mesablackberryﳇblenderblender-softwareblindsblock-helperbloggerﳈblood-bagbluetoothbluetooth-audiobluetooth-connectbluetooth-offbluetooth-settingsbluetooth-transferblurblur-linearblur-offblur-radialﳉbolnisi-crossﶏboltbombbomb-offbonebookbook-lockbook-lock-openbook-minusbook-multiple望book-multiple-minus杖book-multiple-plus歹book-multiple-removebook-multiple-variantbook-open﬿book-open-outlinebook-open-page-variantbook-open-variantנּbook-outlinebook-plus殺book-removebook-variantbookmarkbookmark-check溜bookmark-minus琉bookmark-minus-outlineﷸbookmark-multipleﷹbookmark-multiple-outlinebookmark-music留bookmark-off硫bookmark-off-outlinebookmark-outlinebookmark-plusbookmark-plus-outlinebookmark-removeboomboxbootstrapborder-allborder-all-variantborder-bottomborder-bottom-variantborder-colorborder-horizontalborder-insideborder-leftborder-left-variantborder-noneborder-none-variantborder-outsideborder-rightborder-right-variantborder-styleborder-topborder-top-variantborder-verticalbottle-winebow-tiebowlbowlingboxbox-cutterbox-shadowסּboxing-glove紐braille類brainﳊbread-sliceﳋbread-slice-outlinebridgebriefcaseﳌbriefcase-accountﳍbriefcase-account-outlinebriefcase-checkbriefcase-downloadﰙbriefcase-download-outline流briefcase-editﰚbriefcase-edit-outline﨩briefcase-minusﰛbriefcase-minus-outlinebriefcase-outline飯briefcase-plusﰜbriefcase-plus-outline飼briefcase-removeﰝbriefcase-remove-outline館briefcase-searchﰞbriefcase-search-outlinebriefcase-uploadﰟbriefcase-upload-outlinebrightness-1brightness-2brightness-3brightness-4brightness-5brightness-6brightness-7brightness-autoﳎbrightness-percentbroombrush壘buddhismbufferbug鶴bug-check郞bug-check-outline隷bug-outline﶐bugle﬇bulldozerﳏbulletbulletin-boardbullhorn﬈bullhorn-outlinebullseyebullseye-arrowbus滛bus-alertbus-articulated-endbus-articulated-frontbus-clockbus-double-deckerbus-schoolbus-sidecached﶑cactuscakecake-layeredcake-variantcalculator滋calculator-variantcalendar侮calendar-alertcalendar-blank﭂calendar-blank-outlinecalendar-checkﰠcalendar-check-outlinecalendar-clockcalendar-edit﬉calendar-export六calendar-heart﬊calendar-importﴸcalendar-minusﷺcalendar-monthﷻcalendar-month-outlinecalendar-multiplecalendar-multiple-check僧calendar-multiselectףּcalendar-outlinecalendar-pluscalendar-questioncalendar-rangeפּcalendar-range-outlinecalendar-removeﰡcalendar-remove-outline屢calendar-search戮calendar-starcalendar-textﰢcalendar-text-outlinecalendar-today免calendar-week勉calendar-week-begincall-madecall-mergecall-missedcall-receivedcall-splitcamcordercamcorder-boxcamcorder-box-offcamcorder-offcameracamera-accountcamera-burst﭅camera-controlcamera-enhanceצּcamera-enhance-outlinecamera-frontcamera-front-variantcamera-goprocamera-imagecamera-iriscamera-metering-centercamera-metering-matrixcamera-metering-partialcamera-metering-spotcamera-offﴹcamera-outlinecamera-party-modecamera-rearcamera-rear-variant﷼camera-retake﷽camera-retake-outlinecamera-switchcamera-timerﶒcamera-wirelessﶓcamera-wireless-outlinecancelcandlecandycanecannabis漢caps-lockcar﷾car-backcar-batteryﰣcar-brake-absﰤcar-brake-alertﴺcar-brake-holdﴻcar-brake-parkingcar-connectedcar-convertibleﴼcar-cruise-controlﴽcar-defrost-front﴾car-defrost-rearקּcar-doorרּcar-electricﰥcar-espcar-estatecar-hatchbackשּcar-keyﰦcar-light-dimmedﰧcar-light-fogﰨcar-light-highcar-limousineתּcar-multiple﷿car-off﴿car-parking-lightscar-pickupcar-sidecar-sportsﰩcar-tire-alert﵀car-traction-controlcar-washcaravanוֹcardבֿcard-bulletedכֿcard-bulleted-offפֿcard-bulleted-off-outlineﭏcard-bulleted-outlineﭐcard-bulleted-settingsﭑcard-bulleted-settings-outlineﭒcard-outlineﭓcard-textﭔcard-text-outlinecardscards-clubcards-diamondcards-heartcards-outlinecards-playing-outlinecards-spadecards-variantcarrot﵁carry-on-bag-checkcart﵂cart-arrow-downﰪcart-arrow-right﵃cart-arrow-up﵄cart-minuscart-offcart-outlinecart-plus﵅cart-removecase-sensitive-altcashcash-100ﶔcash-markercash-multiple瀞cash-refundﳐcash-registercash-usd陸cassettecastcast-connected﹭cast-educationcast-offcastlecatcctvceiling-lightcellphonecellphone-android倫cellphone-arrow-downcellphone-basiccellphone-dock樓cellphone-erasecellphone-iphone淚cellphone-keycellphone-linkcellphone-link-off漏cellphone-lockcellphone-message累cellphone-off勤cellphone-screenshotcellphone-settings縷cellphone-settings-variant陋cellphone-soundcellphone-textcellphone-wirelessﳑceltic-crosscertificatechair-schoolﰫcharitychart-arcchart-areasplinechart-barchart-bar-stackedﰬchart-bell-curvechart-bubblechart-donutchart-donut-variantchart-ganttchart-histogramchart-linechart-line-stackedchart-line-variantchart-multilinechart-piechart-scatterplot-hexbinchart-timelineﭕchatﭖchat-alertﭗchat-processingcheckcheck-all﹮check-boldﰭcheck-box-multiple-outlineﰮcheck-box-outlinecheck-circlecheck-circle-outlinecheck-decagramﰯcheck-networkﰰcheck-network-outlinecheck-outlineﹰcheck-underlineﹱcheck-underline-circleﹲcheck-underline-circle-outline煮checkbookcheckbox-blankcheckbox-blank-circlecheckbox-blank-circle-outlinecheckbox-blank-outlinecheckbox-intermediatecheckbox-markedcheckbox-marked-circlecheckbox-marked-circle-outlinecheckbox-marked-outlinecheckbox-multiple-blankcheckbox-multiple-blank-circlecheckbox-multiple-blank-circle-outlinecheckbox-multiple-blank-outlinecheckbox-multiple-markedcheckbox-multiple-marked-circlecheckbox-multiple-marked-circle-outlinecheckbox-multiple-marked-outlinecheckerboardﭘchef-hatchemical-weaponchess-bishopchess-kingchess-knightchess-pawnchess-queenchess-rookchevron-double-downchevron-double-leftchevron-double-rightchevron-double-upchevron-down崙chevron-down-box淪chevron-down-box-outline﬋chevron-down-circle﬌chevron-down-circle-outlinechevron-left輪chevron-left-box律chevron-left-box-outline﬍chevron-left-circle﬎chevron-left-circle-outlinechevron-right慄chevron-right-box栗chevron-right-box-outline﬏chevron-right-circle﬐chevron-right-circle-outlineﶕchevron-triple-downﶖchevron-triple-leftﶗchevron-triple-rightﶘchevron-triple-upchevron-up率chevron-up-box隆chevron-up-box-outline﬑chevron-up-circle﬒chevron-up-circle-outlinechili-hotchili-mediumchili-mildchip勒christianityﳒchristianity-outlinechurchcirclecircle-edit-outline利circle-mediumcircle-outline瞧circle-slice-1爵circle-slice-2犯circle-slice-3猪circle-slice-4瑱circle-slice-5甆circle-slice-6画circle-slice-7瘝circle-slice-8吏circle-smallﹳcircular-sawcisco-webexcity卑city-variant喝city-variant-outlineclipboardclipboard-accountﰱclipboard-account-outlineclipboard-alertﳓclipboard-alert-outlineclipboard-arrow-downﰲclipboard-arrow-down-outlineclipboard-arrow-leftﳔclipboard-arrow-left-outlineﳕclipboard-arrow-rightﳖclipboard-arrow-right-outlineﰳclipboard-arrow-upﰴclipboard-arrow-up-outlineclipboard-checkclipboard-check-outlineclipboard-flowclipboard-outlineﰵclipboard-playﰶclipboard-play-outlineclipboard-plusclipboard-pulseclipboard-pulse-outlineclipboard-text嘆clipboard-text-outlineﰷclipboard-text-playﰸclipboard-text-play-outlineclippy肋clock凜clock-alertclock-alert-outlineclock-endclock-fastclock-inclock-outclock-outlineclock-startcloseclose-boxﰹclose-box-multipleﰺclose-box-multiple-outlineclose-box-outlineclose-circleclose-circle-outlineclose-networkﰻclose-network-outlineclose-octagonclose-octagon-outlineclose-outlineclosed-captionﶙclosed-caption-outlinecloud履cloud-alertcloud-bracescloud-checkcloud-circlecloud-downloadﭙcloud-download-outlinecloud-off-outlinecloud-outlinecloud-printcloud-print-outline器cloud-question凌cloud-search稜cloud-search-outlinecloud-synccloud-tagscloud-uploadﭚcloud-upload-outlineclovercode-arraycode-bracescode-bracketscode-equalcode-greater-thancode-greater-than-or-equalcode-less-thancode-less-than-or-equalcode-not-equalcode-not-equal-variantcode-parenthesescode-stringcode-tagscode-tags-checkcodepencoffeecoffee-outlinecoffee-to-goﭛcoffincogscoincoinscollage瘟collapse-all益collapse-all-outlinecolor-helperﹴcomma﹵comma-boxﹶcomma-box-outlineﹷcomma-circleﹸcomma-circle-outlinecommentcomment-accountcomment-account-outlinecomment-alertcomment-alert-outline易comment-arrow-left李comment-arrow-left-outline梨comment-arrow-right泥comment-arrow-right-outlinecomment-checkcomment-check-outline塀comment-eye墨comment-eye-outlinecomment-multiplecomment-multiple-outlinecomment-outline理comment-pluscomment-plus-outlinecomment-processingcomment-processing-outlinecomment-questioncomment-question-outlinecomment-removecomment-remove-outline層comment-search屮comment-search-outlinecomment-textcomment-text-multiplecomment-text-multiple-outlinecomment-text-outlinecomparecompassﭜcompass-offﭝcompass-off-outlinecompass-outlineconsoleconsole-lineconsole-networkﰼconsole-network-outlinecontact-mail﵆contactless-paymentcontacts悔contain慨contain-end憎contain-startcontent-copycontent-cutcontent-duplicatecontent-pastecontent-savecontent-save-allﳗcontent-save-editﳘcontent-save-edit-outlineﹹcontent-save-moveﹺcontent-save-move-outlinecontent-save-outlinecontent-save-settingsﬓcontent-save-settings-outlinecontrastcontrast-boxcontrast-circleﭞcontroller-classicﭟcontroller-classic-outlinecookiecopyright綾cordovacorncountercowcranecreation﵇creative-commonscredit-cardﶚcredit-card-markercredit-card-multiplecredit-card-offcredit-card-plus盛credit-card-refundcredit-card-scancredit-card-settings﵈credit-card-wireless﵉cricketcropcrop-freecrop-landscapecrop-portraitcrop-rotatecrop-squarecrosshairscrosshairs-gpscrown菱cryengineﬔcrystal-ballcubecube-outlineﭠcube-scancube-sendcube-unfoldedcupcup-offcup-water陵cupcakecurlingcurrency-bdtﭡcurrency-brlcurrency-btccurrency-chfcurrency-cnycurrency-ethcurrency-eurcurrency-gbpﰽcurrency-ilscurrency-inrcurrency-jpycurrency-krwcurrency-kztcurrency-ngn痢currency-phpcurrency-rubcurrency-signcurrency-trycurrency-twdcurrency-usdcurrency-usd-off讀current-ac拏current-dccursor-defaultﳙcursor-default-clickﳚcursor-default-click-outlinecursor-default-outlinecursor-movecursor-pointercursor-textdatabase直database-checkﭢdatabase-edit諾database-export樂database-import睊database-lockdatabase-minusdatabase-plusﳛdatabase-refreshﳜdatabase-removedatabase-searchﳝdatabase-settingsdeath-stardeath-star-variantﭣdeathly-hallowsdebiandebug-step-intodebug-step-outdebug-step-overdecagramdecagram-outlinedecimal-decreasedecimal-increasedeletedelete-circleﭤdelete-circle-outlinedelete-emptydelete-foreverﭥdelete-forever-outline罹delete-outlinedelete-restoredelete-sweepﰾdelete-sweep-outlinedelete-variantdelta丹desk-lampdeskphonedesktop-classicdesktop-mac裏desktop-mac-dashboarddesktop-tower着desktop-tower-monitordetails﵊dev-todeveloper-boarddeviantartdialpadﰿdiameterﱀdiameter-outlineﱁdiameter-variantﭦdiamondﭧdiamond-outlinediamond-stonedice-1dice-2dice-3dice-4dice-5dice-6dice-d10dice-d12dice-d20dice-d4dice-d6dice-d8dice-multipledictionarydip-switchdirectionsdirections-forkdiscdisc-alert寧disc-playerdiscord磌dishwasherdisqusdisqus-outlineﶛdiving-flippersﶜdiving-helmetﶝdiving-scubaﶞdiving-scuba-flagﶟdiving-scuba-tankﶠdiving-scuba-tank-multipleﶡdiving-snorkeldivisiondivision-box懲dlnadnadnsﭨdns-outlinedo-not-disturbdo-not-disturb-offdocker敏doctor既dog窱dog-service暑dog-sidedolbydomain﵋domain-offdonkeydoordoor-closeddoor-opendoorbell-video節dot-netdots-horizontaldots-horizontal-circleﭩdots-horizontal-circle-outlinedots-verticaldots-vertical-circleﭪdots-vertical-circle-outlinedoubandownload裡download-multipledownload-networkﱂdownload-network-outlineﭫdownload-outlinedragdrag-horizontalﭬdrag-variantdrag-verticalﳞdrama-masksdrawingdrawing-boxdribbbledribbble-boxdronedropboxdrupalduckdumbbellﱃdump-truckear-hearing梅ear-hearing-offearthearth-boxearth-box-offearth-offedge类egg絛egg-easter里eight-trackejectﭭeject-outlineelephantelevation-declineelevation-riseelevatoremailemail-alertﳟemail-box練email-check缾email-check-outlineemail-lockﭮemail-mark-as-unreademail-openemail-open-outlineemail-outline離email-plus匿email-plus-outline怒email-search率email-search-outlineemail-variantﬕemberembyﱄemoticonﱅemoticon-angryﱆemoticon-angry-outlineﱇemoticon-coolemoticon-cool-outlineﱈemoticon-cryﱉemoticon-cry-outlineﱊemoticon-deademoticon-dead-outlineﱋemoticon-devilemoticon-devil-outlineﱌemoticon-excitedemoticon-excited-outlineﱍemoticon-happyemoticon-happy-outlineﱎemoticon-kissﱏemoticon-kiss-outlineﱐemoticon-neutralemoticon-neutral-outlineemoticon-outlineemoticon-poopﱑemoticon-poop-outlineﱒemoticon-sademoticon-sad-outlineemoticon-tongueﱓemoticon-tongue-outlineﱔemoticon-winkﱕemoticon-wink-outlineengine海engine-off渚engine-off-outlineengine-outlineequalequal-boxerasereraser-variantescalatorﱖeslint者etethereumethernetethernet-cableethernet-cable-offetsyev-stationeventbriteevernoteexclamation漢exit-runexit-to-app荒expand-all華expand-all-outline異exponent北exponent-boxexportﭯexport-varianteyeﳠeye-checkﳡeye-check-outlineﭰeye-circleﭱeye-circle-outlineeye-offeye-off-outlineeye-outlineeye-pluseye-plus-outlineeye-settingseye-settings-outlineeyedroppereyedropper-variantface﵌face-agentﭲface-outlineface-profileﱗface-recognitionfacebookfacebook-boxfacebook-messengerﬖfacebook-workplacefactoryfanfan-offfast-forward﵍fast-forward-10ﳢfast-forward-30fast-forward-outlinefaxfeather煮feature-search爫feature-search-outlinefedoraferryfilefile-account琢file-alert碑file-alert-outline蝹file-cabinetﶢfile-cancelﶣfile-cancel-outlinefile-chartfile-checkﹻfile-check-outlinefile-cloudfile-comparefile-delimitedfile-documentfile-document-box襁file-document-box-multiple覆file-document-box-multiple-outline溺file-document-box-outlineﶤfile-document-editﶥfile-document-edit-outline吝file-document-outline磻file-download便file-download-outlinefile-excelfile-excel-boxfile-exportﶦfile-eyeﶧfile-eye-outlinefile-findﭳfile-find-outlinefile-hiddenfile-imagefile-importfile-lock視file-movefile-multiplefile-musicﹼfile-music-outlinefile-outlinefile-pdffile-pdf-boxﹽfile-pdf-outlinefile-percentfile-plusfile-powerpointfile-powerpoint-boxfile-presentation-boxfile-questionﭴfile-removeﬗfile-replace﬘file-replace-outlinefile-restoreﱘfile-searchﱙfile-search-outlinefile-sendﱚfile-tableﱛfile-table-outlinefile-treefile-undo社file-upload祉file-upload-outlinefile-video︐file-video-outlinefile-wordfile-word-boxfile-xmlfilmfilmstripfilmstrip-offfilterfilter-outlinefilter-removefilter-remove-outlinefilter-variantfinancefind-replacefingerprintfirefire-truck復firebasefirefox︑fireplace︒fireplace-off︓fireworkfishflagflag-checkeredﭵflag-minusflag-outlineﭶflag-plusﭷflag-removeflag-triangleflag-variantflag-variant-outline﵎flareflashflash-autoflash-circleflash-offflash-outlineflash-red-eyeflashlightflashlight-offflaskflask-emptyflask-empty-outlineflask-outlineflattrﳣflickrflip-to-backflip-to-frontfloor-lampfloor-planfloppy燐floppy-variantflower璘flower-outlineﳤflower-poppy藺flower-tulip隣flower-tulip-outlinefolderfolder-accountﭸfolder-account-outlineﶨfolder-alertﶩfolder-alert-outline調folder-clock諸folder-clock-outlinefolder-downloadfolder-editﶪfolder-edit-outlinefolder-google-drivefolder-imagefolder-keyfolder-key-networkﱜfolder-key-network-outlinefolder-lockfolder-lock-openfolder-movefolder-multiplefolder-multiple-imagefolder-multiple-outlinefolder-networkﱝfolder-network-outlinefolder-openﶫfolder-open-outlinefolder-outlinefolder-plusﭹfolder-plus-outlineﳥfolder-poundﳦfolder-pound-outlinefolder-removeﭺfolder-remove-outline不folder-search泌folder-search-outlinefolder-starﭻfolder-star-outlineﳧfolder-syncﳨfolder-sync-outlineﱞfolder-textﱟfolder-text-outlinefolder-uploadfont-awesomefoodfood-appleﱠfood-apple-outlinefood-croissantfood-fork-drinkfood-offfood-variantfootballfootball-australianfootball-helmetforkliftformat-align-bottomformat-align-centerformat-align-justifyformat-align-leftformat-align-middleformat-align-rightformat-align-top請format-annotation-minusformat-annotation-plusformat-boldformat-clearformat-color-fill︔format-color-highlightformat-color-textformat-columnsformat-float-centerformat-float-leftformat-float-noneformat-float-rightformat-font鱗format-font-size-decrease麟format-font-size-increaseformat-header-1format-header-2format-header-3format-header-4format-header-5format-header-6format-header-decreaseformat-header-equalformat-header-increaseformat-header-poundformat-horizontal-align-centerformat-horizontal-align-leftformat-horizontal-align-rightformat-indent-decreaseformat-indent-increaseformat-italic﬙format-letter-case﬚format-letter-case-lower﬛format-letter-case-upperformat-line-spacingformat-line-styleformat-line-weightformat-list-bulletedﶬformat-list-bulleted-squareformat-list-bulleted-type數format-list-checkboxformat-list-checksformat-list-numberedﳩformat-list-numbered-rtlformat-page-breakformat-paintformat-paragraphformat-pilcrowformat-quote-closeformat-quote-openformat-rotate-90format-sectionformat-sizeformat-strikethroughformat-strikethrough-variantformat-subscriptformat-superscriptformat-text﵏format-text-rotation-downﵐformat-text-rotation-none︕format-text-variantﳪformat-text-wrapping-clipﳫformat-text-wrapping-overflowﳬformat-text-wrapping-wrapﳭformat-textboxformat-textdirection-l-to-rformat-textdirection-r-to-lformat-titleformat-underlineformat-vertical-align-bottomformat-vertical-align-centerformat-vertical-align-topformat-wrap-inlineformat-wrap-squareformat-wrap-tightformat-wrap-top-bottomforumforum-outlineforwardﵑforwardburger索fountainﳮfountain-penﳯfountain-pen-tipfoursquarefreebsdfridgefridge-bottomfridge-outlinefridge-topfuelfullscreenfullscreen-exitfunctionfunction-variantﱡfuseﱢfuse-bladegamepad︖gamepad-circle︗gamepad-circle-down︘gamepad-circle-left︙gamepad-circle-outline︚gamepad-circle-right︛gamepad-circle-up︜gamepad-down︝gamepad-left︞gamepad-right︟gamepad-round︠gamepad-round-down︡gamepad-round-left︢gamepad-round-outline︣gamepad-round-right︤gamepad-round-up︥gamepad-upgamepad-variantﶭgantry-cranegaragegarage-alertgarage-opengas-cylindergas-stationgategate-andgate-nandgate-norgate-notgate-orgate-xnorgate-xor︦gatsbygaugegauge-emptygauge-fullgauge-lowgavelgender-femalegender-malegender-male-femalegender-transgendergentoogesturegesture-double-tap謁gesture-pinch諾gesture-spreadﵒgesture-swipegesture-swipe-down諭gesture-swipe-horizontalgesture-swipe-leftgesture-swipe-rightgesture-swipe-up謹gesture-swipe-verticalgesture-tapﵓgesture-tap-holdgesture-two-double-tapgesture-two-tapghost林ghost-offﵔgif︧giftgift-outlinegitgithub-boxgithub-circlegithub-faceﭼgitlabglass-cocktailglass-fluteglass-mugglass-stangeglass-tulipglass-wineglassdoorglassesglobe-modelgmailgnomeﵕgo-kartﵖgo-kart-trackﭽgoggolfgondolaﵗgoodreadsgoogleﱣgoogle-adwordsgoogle-allogoogle-analyticsgoogle-assistantgoogle-cardboardgoogle-chromegoogle-circlesgoogle-circles-communitiesgoogle-circles-extendedgoogle-circles-groupgoogle-classroomgoogle-controllergoogle-controller-offgoogle-drivegoogle-earth參google-fitgoogle-glassgoogle-hangoutsgoogle-homegoogle-keep淋google-lensgoogle-mapsgoogle-nearbygoogle-pagesgoogle-photosgoogle-physical-webgoogle-playgoogle-plusgoogle-plus-box臨google-spreadsheetﱤgoogle-street-viewgoogle-translategpugradientﵘgraingraphqlﭾgrave-stonegrease-pencil塞greater-than省greater-than-or-equalgridgrid-largegrid-off︨grillgroupguitar-acousticguitar-electricguitar-pickguitar-pick-outlineguy-fawkes-maskhackernews變hailﭿhalloweenhamburgerhammer祈hand︩hand-left祐hand-okay祖hand-peace祝hand-peace-variant禍hand-pointing-down禎hand-pointing-lefthand-pointing-right穀hand-pointing-up︪hand-right︫hand-sawhanger葉hard-hatharddiskﮀhat-fedoraﱥhazard-lightsﵙhdrﵚhdr-offheadphones說headphones-bluetoothheadphones-boxheadphones-offheadphones-settingsheadsetheadset-dockheadset-offheartheart-boxheart-box-outlineheart-brokenﳰheart-broken-outline殺heart-circle辰heart-circle-outlineheart-halfheart-half-fullheart-half-outline突heart-multiple節heart-multiple-outlineheart-offheart-outlineheart-pulse贈helicopterhelphelp-boxhelp-circlehelp-circle-outlinehelp-networkﱦhelp-network-outlineﮁhelp-rhombusﮂhelp-rhombus-outlinehexagonhexagon-multiplehexagon-outline輸hexagon-slice-1遲hexagon-slice-2醙hexagon-slice-3鉶hexagon-slice-4陼hexagon-slice-5難hexagon-slice-6靖hexagram韛hexagram-outlinehigh-definitionhigh-definition-boxhighwayﵛhiking沈hinduismhistoryhockey-puckhockey-stickshololenshomehome-accounthome-alerthome-assistanthome-automationhome-circleﳱhome-cityﳲhome-city-outlinehome-currency-usdﶮhome-floor-0ﵜhome-floor-1ﵝhome-floor-2ﵞhome-floor-3ﵟhome-floor-aﵠhome-floor-bﵡhome-floor-gﵢhome-floor-lﶯhome-floor-negative-1ﶰhome-grouphome-hearthome-lockhome-lock-openhome-map-marker拾home-minushome-modernhome-outline若home-plushome-variantﮃhome-variant-outlinehookhook-offhops練horseshoehospitalhospital-buildinghospital-markerhot-tubhotelhouzzhouzz-boxﳳhubspothuluhumanhuman-childhuman-female縉human-female-boy繁human-female-female署human-female-girlhuman-greetinghuman-handsdownhuman-handsuphuman-male者human-male-boyhuman-male-female臭human-male-girl艹human-male-malehuman-pregnanthumble-bundleice-creamﱧiframeﱨiframe-outlineimageimage-albumimage-areaimage-area-closeimage-brokenimage-broken-variantimage-filterimage-filter-black-whiteimage-filter-center-focusimage-filter-center-focus-weakimage-filter-dramaimage-filter-framesimage-filter-hdrimage-filter-noneimage-filter-tilt-shiftimage-filter-vintage︬image-frame立image-moveimage-multipleimage-off掠image-outlineimage-plus略image-search亮image-search-outlineﱩimage-size-select-actualﱪimage-size-select-largeﱫimage-size-select-smallimportinboxinbox-arrow-downinbox-arrow-upinbox-multipleﮄinbox-multiple-outlineincognitoinfinityinformationinformation-outlineinformation-variantinstagraminstapaperinternet-explorerinvert-colors︭invert-colors-off艹ip著ip-networkﱬip-network-outlineﱭipod兩islamitunesﶱjabberjeepneyjirajqueryjsfiddlejson凉judaismﵣkabaddikaratekegkettlekeykey-changekey-minusﶲkey-outlinekey-pluskey-removekey-variantkeyboardkeyboard-backspacekeyboard-capskeyboard-closekeyboard-off︮keyboard-off-outline梁keyboard-outlinekeyboard-return笠keyboard-settings粒keyboard-settings-outlinekeyboard-tabkeyboard-variantkickstarter狀knife炙knife-militarykodilabel響label-off頋label-off-outlinelabel-outline頻label-variant鬒label-variant-outlineladybuglambdalamplanlan-connectlan-disconnectlan-pendinglanguage-clanguage-cpplanguage-csharplanguage-css3language-goﱮlanguage-haskelllanguage-html5﬜language-javalanguage-javascriptlanguage-lualanguage-phplanguage-pythonlanguage-python-textlanguage-r龜language-ruby-on-railslanguage-swiftlanguage-typescriptlaptoplaptop-chromebooklaptop-maclaptop-offlaptop-windows𢡊laravellastfmlastpasslaunchlava-lamplayers︯layers-minuslayers-off識layers-off-outline什layers-outline︰layers-plus︱layers-removelead-pencilleafﱯleaf-mapleﶳleakﶴleak-offled-offled-onled-outlineled-stripled-variant-offled-variant-onled-variant-outline糧less-than良less-than-or-equallibrarylibrary-booksﳴlibrary-movielibrary-musiclibrary-plusﮅlibrary-shelvesﳵlibrary-videolifebuoy諒light-switchlightbulb︲lightbulb-off︳lightbulb-off-outlinelightbulb-onlightbulb-on-outlinelightbulb-outline茶lighthouse刺lighthouse-onlinkﳶlink-boxﳷlink-box-outlineﳸlink-box-variantﳹlink-box-variant-outlinelink-offﱰlink-pluslink-variantlink-variant-offlinkedinlinkedin-boxlinuxlinux-mint褐litecoinloadinglocklock-alert量lock-clocklock-openlock-open-outlinelock-outlinelock-patternlock-pluslock-questionlock-resetlock-smartlockerlocker-multipleloginlogin-variantlogoutlogout-variantlookslooploupelumxיִlyftmagnetmagnet-onmagnify勵magnify-closemagnify-minus視magnify-minus-cursormagnify-minus-outlinemagnify-plus謁magnify-plus-cursormagnify-plus-outlinemail-rumailboxﵤmailbox-openﵥmailbox-open-outlineﵦmailbox-open-upﵧmailbox-open-up-outlineﵨmailbox-outlineﵩmailbox-upﵪmailbox-up-outlinemapﳺmap-clockﳻmap-clock-outline切map-legendmap-markerﱱmap-marker-checkmap-marker-circlemap-marker-distancemap-marker-minusmap-marker-multiplemap-marker-offmap-marker-outlineﳼmap-marker-pathmap-marker-plusmap-marker-radius呂map-minus女map-outline廬map-plus旅map-search濾map-search-outlineﮆmapboxmarginmarkdownmarkerﶵmarker-cancelmarker-check𢡄mastodon𣏕mastodon-variant礪material-designmaterial-uimath-compassﱲmath-cosﱳmath-sinﱴmath-tanmatrixmaxcdn閭medalmedical-bagmedium㮝meetupmemorymenumenu-downmenu-down-outlinemenu-left度menu-left-outlineﮇmenu-openmenu-right拓menu-right-outline謹menu-swap賓menu-swap-outlinemenu-upmenu-up-outlinemessagemessage-alert糖message-alert-outlinemessage-bulletedmessage-bulleted-offmessage-drawmessage-imagemessage-outlinemessage-plusmessage-processingmessage-replymessage-reply-textmessage-settingsmessage-settings-variantmessage-textmessage-text-outlinemessage-videometeormetronomemetronome-tickmicro-sdmicrophonemicrophone-minusmicrophone-offmicrophone-outlinemicrophone-plusmicrophone-settingsmicrophone-variantmicrophone-variant-offmicroscopemicrosoft驪microsoft-dynamicsﱵmicrowavemidimidi-portﶶmineminecraft宅mini-sd洞minidiscminusminus-boxminus-box-outlineminus-circleminus-circle-outlineminus-networkﱶminus-network-outlinemixcloudﵫmixed-martial-artsmixed-realitymixerﮈmoleculemonitor麗monitor-cellphone黎monitor-cellphone-star暴monitor-dashboardﶷmonitor-lockmonitor-multipleﵬmonitor-off︴monitor-screenshotﶸmonitor-starmoreﳽmother-nurseﵭmotion-sensormotorbikemouse力mouse-bluetoothmouse-offmouse-variantmouse-variant-offmove-resizemove-resize-variantmovieﶹmovie-outlinemovie-roll曆muffinmultiplicationmultiplication-boxmushroommushroom-outlinemusicmusic-boxmusic-box-outlinemusic-circle䀘music-circle-outlinemusic-notemusic-note-bluetoothmusic-note-bluetooth-offmusic-note-eighthmusic-note-halfmusic-note-offﶺmusic-note-plusmusic-note-quartermusic-note-sixteenthmusic-note-wholemusic-offﶻnailnasnativescriptnaturenature-peoplenavigationnear-meneedlenetflixnetworkﱷnetwork-offﱸnetwork-off-outlineﱹnetwork-outlinenetwork-strength-1network-strength-1-alertnetwork-strength-2network-strength-2-alertnetwork-strength-3network-strength-3-alertnetwork-strength-4network-strength-4-alertnetwork-strength-offnetwork-strength-off-outlinenetwork-strength-outlinenew-boxnewspapernfc︵nfc-off︶nfc-search-variantnfc-tapnfc-variant︷nfc-variant-offninjanintendo-switchnodejs歷not-equal轢not-equal-variantnotenote-multiplenote-multiple-outlinenote-outlinenote-plusnote-plus-outlinenote-textnotebook︸notebook-multiplenotification-clear-allnpm年npm-variant憐npm-variant-outlinenukenullnumeric0numeric-0numeric-0-boxnumeric-0-box-multiple-outlinenumeric-0-box-outlineﱺnumeric-0-circleﱻnumeric-0-circle-outline1numeric-1numeric-1-boxnumeric-1-box-multiple-outlinenumeric-1-box-outlineﱼnumeric-1-circleﱽnumeric-1-circle-outline2numeric-2numeric-2-boxnumeric-2-box-multiple-outlinenumeric-2-box-outlineﱾnumeric-2-circleﱿnumeric-2-circle-outline3numeric-3numeric-3-boxnumeric-3-box-multiple-outlinenumeric-3-box-outlineﲀnumeric-3-circleﲁnumeric-3-circle-outline4numeric-4numeric-4-boxnumeric-4-box-multiple-outlinenumeric-4-box-outlineﲂnumeric-4-circleﲃnumeric-4-circle-outline5numeric-5numeric-5-boxnumeric-5-box-multiple-outlinenumeric-5-box-outlineﲄnumeric-5-circleﲅnumeric-5-circle-outline6numeric-6numeric-6-boxnumeric-6-box-multiple-outlinenumeric-6-box-outlineﲆnumeric-6-circleﲇnumeric-6-circle-outline7numeric-7numeric-7-boxnumeric-7-box-multiple-outlinenumeric-7-box-outlineﲈnumeric-7-circleﲉnumeric-7-circle-outline8numeric-8numeric-8-boxnumeric-8-box-multiple-outlinenumeric-8-box-outlineﲊnumeric-8-circleﲋnumeric-8-circle-outline9numeric-9numeric-9-boxnumeric-9-box-multiple-outlinenumeric-9-box-outlineﲌnumeric-9-circleﲍnumeric-9-circle-outlinenumeric-9-plus-boxnumeric-9-plus-box-multiple-outlinenumeric-9-plus-box-outlineﲎnumeric-9-plus-circleﲏnumeric-9-plus-circle-outlinenutnutritionoarﶼocarinaoctagonoctagon-outlineoctagramoctagram-outlineodnoklassnikioffice戀office-buildingoiloil-temperatureomegaﮉone-uponedriveonenoteonepasswordopacityopen-in-appopen-in-newﮊopen-source-initiativeopenidoperaorbitשׂoriginornamentornament-variantﳾoutlookowlﮋpac-manpackagepackage-downpackage-uppackage-variantpackage-variant-closedpage-firstpage-lastpage-layout-bodypage-layout-footerpage-layout-headerpage-layout-sidebar-leftpage-layout-sidebar-rightﮌpage-nextﮍpage-next-outlineﮎpage-previousﮏpage-previous-outlinepalettepalette-advanced﹬palette-outlinepalette-swatchﮐpanﮑpan-bottom-leftﮒpan-bottom-rightﮓpan-downﮔpan-horizontalﮕpan-leftﮖpan-rightﮗpan-top-leftﮘpan-top-rightﮙpan-upﮚpan-verticalpandapandorapanoramapanorama-fisheyepanorama-horizontalpanorama-verticalpanorama-wide-anglepaper-cut-verticalpaperclipﲐparachuteﲑparachute-outlineparkingpassportﶽpassport-biometricpatreonpausepause-circlepause-circle-outlinepause-octagonpause-octagon-outlinepawpaw-offpaypal︹pdf-boxpeacepenﶾpen-lockﶿpen-minusﷀpen-offﷁpen-plusﷂpen-removepencilpencil-boxpencil-box-outlinepencil-circlepencil-circle-outlinepencil-lockﷃpencil-lock-outlineﷄpencil-minusﷅpencil-minus-outlinepencil-offﷆpencil-off-outlineﲒpencil-outlineﷇpencil-plus﷈pencil-plus-outline﷉pencil-remove﷊pencil-remove-outlinepentagonpentagon-outlinepercentperiodic-tableperiodic-table-co2periscopeﳿperspective-lessﴀperspective-morepharmacyphonephone-bluetoothphone-classicphone-forwardphone-hangupphone-in-talkphone-incomingphone-lockphone-logphone-minusphone-missed﷋phone-offphone-outgoing﷌phone-outlinephone-pausedphone-plusphone-returnphone-rotate-landscapephone-rotate-portraitphone-settingsphone-voippipi-box﷍pi-holepianopickaxe︺picture-in-picture-bottom-right︻picture-in-picture-bottom-right-outline︼picture-in-picture-top-right︽picture-in-picture-top-right-outlinepierpier-cranepigpillpillarpinpin-off勞pin-off-outline擄pin-outlinepine-treepine-tree-boxpinterestpinterest-box䀹pinwheel𥉉pinwheel-outlinepipepipe-disconnectedpipe-leak輻piratepistolpistonpizzaplayplay-box-outlineplay-circleplay-circle-outlineplay-networkﲓplay-network-outlineplay-pauseplay-protected-contentplay-speedplaylist-checkplaylist-editplaylist-minusﲔplaylist-musicﲕplaylist-music-outlineplaylist-playplaylist-plusplaylist-remove﷎playlist-starplaystationplexplusplus-boxplus-box-outlineplus-circleplus-circle-multiple-outlineplus-circle-outline撚plus-minus漣plus-minus-boxplus-networkﲖplus-network-outlineplus-oneplus-outlinepocket煉podcastﴁpodiumﴂpodium-bronzeﴃpodium-goldﴄpodium-silverﵮpoint-of-salepokeball行pokemon-gopoker-chippolaroidpollpoll-boxpolymerpoolpopcornﲗpostage-stamppotpot-mixpoundpound-boxpower豈power-cycle更power-off車power-onpower-plugpower-plug-offpower-settings賈power-sleeppower-socket滑power-socket-aupower-socket-eupower-socket-ukpower-socket-us串power-standby降powershellprescriptionpresentationpresentation-playprinterprinter-3d︾printer-3d-nozzle︿printer-3d-nozzle-outlineprinter-alert﹀printer-offprinter-settings見printer-wirelesspriority-highpriority-lowprofessional-hexagonﲘprogress-alert璉progress-check秊progress-clock練progress-download聯progress-uploadﲙprogress-wrenchprojectorprojector-screenpublishpulseﮛpumpkinpuzzle贈puzzle-outline輦qiqqchatqrcodeqrcode-editqrcode-scanquadcopterquality-high廓quality-low兀quality-mediumquicktimeﴅquora句rabbitﵯracing-helmetﵰracquetballradarradiator𥳐radiator-disabled𧻓radiator-offradioﲚradio-amﲛradio-fmradio-handheldradio-towerradioactiveradiobox-blankradiobox-markedﲜradiusﲝradius-outlineraspberry-piray-endray-end-arrowray-startray-start-arrowray-start-endray-vertexreactreadreceiptrecord蓮record-playerrecord-rec﹁rectangle﹂rectangle-outlinerecycleredditredoredo-variant嗀reflect-horizontal﨎reflect-verticalrefreshregex辶registered-trademarkrelative-scalereloadreminderremoteremote-desktoprename-boxreorder-horizontalreorder-verticalrepeatrepeat-offrepeat-oncereplayreplyreply-allreproductionײַresistorﬠresistor-nodes逸resizeresize-bottom-rightresponsiverestartﵱrestart-off連restorerestore-clockrewindﴆrewind-10ﵲrewind-30rewind-outlinerhombus﨏rhombus-mediumrhombus-outline塚rhombus-splitribbonricering﹃rivetroadroad-variantrobotﬡrobot-industrialrobot-vacuum龜robot-vacuum-variantrocketﴇroller-skateﴈrollerbladeﮜrollupjsroom-serviceﵳroom-service-outlinerotate-3drotate-leftrotate-left-variantﵴrotate-orbitrotate-rightrotate-right-variantrounded-cornerrouter-wireless難router-wireless-settingsroutesrowingrssrss-boxﴉrubyﵵrugbyrulerﲞruler-squarerunrun-fastﴊsackﴋsack-percent響safeﴌsafety-gogglessalesalesforcesasssatellite龜satellite-uplinksatellite-variantsausage﹄saw-bladesaxophonescalescale-balancescale-bathroomscanner契scanner-offschool頻scissors-cuttingscreen-rotationscreen-rotation-lock﷏screw-flat-top﹔screw-lag﹕screw-machine-flat-top﹖screw-machine-round-top﹗screw-round-topscrewdriverﮝscriptscript-outlineﮞscript-textﮟscript-text-outlinesdsealsearch-webﲟseatseat-flatseat-flat-angledseat-individual-suiteseat-legroom-extraseat-legroom-normalseat-legroom-reducedﲠseat-outlineseat-recline-extraseat-recline-normalﲡseatbeltsecuritysecurity-network﹅seed﹆seed-outlineselectselect-allﴍselect-color齃select-compare恵select-dragselect-inverseselect-offselection𤋮selection-dragﴎselection-ellipseselection-offsend﹘send-circle﹙send-circle-outlinesend-lockserial-portserverserver-minusserver-networkserver-network-offserver-offserver-plusserver-removeserver-securityset-allset-centerset-center-rightset-leftset-left-centerset-left-rightset-noneset-right咽set-top-boxsettingssettings-box舘settings-helpersettings-outlineshapeshape-circle-plusshape-outlineshape-plusshape-polygon-plusshape-rectangle-plusshape-square-plusshare櫓share-outlineshare-variantﲢsheepshieldshield-account﨑shield-account-outlineshield-airplaneﲣshield-airplane-outlineshield-checkﲤshield-check-outlineﲥshield-crossﲦshield-cross-outlineshield-half-fullshield-homeﲧshield-home-outlineﮠshield-keyﮡshield-key-outlineﴏshield-link-variantﴐshield-link-variant-outline列shield-lockﲨshield-lock-outline劣shield-off鍊shield-off-outlineshield-outline龎shield-plus﫚shield-plus-outline﫛shield-remove﫜shield-remove-outlineﵶshield-searchship-wheelﬢshoe-formalﬣshoe-heel﹚shoe-print﫝shopifyshoppingshopping-musicshovelshovel-off烈shower裂shower-headshreddershuffleshuffle-disabledshuffle-variantsigmasigma-lowersign-cautionsign-directionsign-textsignalsignal-2gsignal-3gsignal-4g﩮signal-5gsignal-cellular-1signal-cellular-2signal-cellular-3signal-cellular-outline﹇signal-distance-variantsignal-hspasignal-hspa-plussignal-offsignal-variant﹛signature﹜signature-freehand﹝signature-image﹞signature-textﬤsilosilverwaresilverware-fork﩯silverware-fork-knifesilverware-spoonsilverware-variantsimsim-alertsim-off﫞sina-weibositemapﴑskateﴒskew-lessﴓskew-moreskip-backwardskip-forwardskip-nextskip-next-circleskip-next-circle-outlineskip-previousskip-previous-circleskip-previous-circle-outlineskullﮢskull-crossbonesﮣskull-crossbones-outlineﮤskull-outlineskypeskype-businessslack金slackwaresleepsleep-off﹟slope-downhill﹠slope-uphill並smogsmoke-detectorsmokingsmoking-offsnapchatsnowflakesnowmansoccersoccer-fieldsofaﵷsolar-panelﵸsolar-panel-large况solar-powersolidsortsort-alphabeticalsort-ascendingsort-descendingsort-numericsort-variantﲩsort-variant-lockﲪsort-variant-lock-opensoundcloudsource-branchsource-commitsource-commit-endsource-commit-end-localsource-commit-localsource-commit-next-localsource-commit-startsource-commit-start-next-localsource-forksource-mergesource-pullﲫsource-repositoryﲬsource-repository-multiplesoy-sauceﲭspaﲮspa-outlineﮥspace-invaders﹈spadespeaker說speaker-bluetoothﴔspeaker-multiplespeaker-offspeaker-wirelessspeedometerspellcheckﮦspider-webspotifyspotlightspotlight-beamspray﫟spray-bottle﹉sprout﹊sprout-outlinesquare喇square-edit-outlinesquare-incsquare-inc-cash晴square-medium﨓square-medium-outlinesquare-outlinesquare-root廉square-root-box﨔square-small﫠squeegeesshstack-exchangestack-overflowstadiumstairsﴕstamperstandard-definitionstar全star-box侀star-box-outlinestar-circle念star-circle-outline捻star-face﫡star-four-points﫢star-four-points-outlinestar-halfstar-offstar-outline﫣star-three-points﫤star-three-points-outlinesteam奈steam-boxsteering懶steering-offstep-backwardstep-backward-2step-forwardstep-forward-2stethoscopestickersticker-emojistockingstopstop-circlestop-circle-outlinestorestore-24-hourstoveﬥstravasubdirectory-arrow-leftsubdirectory-arrow-right凞subtitles猪subtitles-outlinesubwayﵹsubway-alert-variantsubway-variantsummitsunglassessurround-soundsurround-sound-2-0surround-sound-3-1surround-sound-5-1surround-sound-7-1svgswap-horizontalﮩswap-horizontal-boldswap-horizontal-variantswap-verticalﮪswap-vertical-boldswap-vertical-variantswimswitchswordsword-cross﫥symfonysyncsync-alertsync-offtabﬦtab-minustab-plusﬧtab-removetab-unselectedtable益table-bordertable-columntable-column-plus-aftertable-column-plus-beforetable-column-removetable-column-widthtable-edittable-large殮table-merge-cellstable-of-contents充table-plus冀table-removetable-rowtable-row-heighttable-row-plus-aftertable-row-plus-beforetable-row-remove癩table-searchtable-settings﹋table-tennistablettablet-android簾tablet-cellphonetablet-ipadtacotagtag-facestag-heartﮫtag-heart-outline羅tag-minustag-multipletag-outlinetag-plustag-removetag-text-outlineﴖtankﬨtape-measuretargetﮬtarget-account勇target-varianttaxiﵺteaﵻtea-outlineteachteamviewertelegram﬩telescopetelevisiontelevision-boxtelevision-classictelevision-classic-offtelevision-guidetelevision-offtemperature-celsiustemperature-fahrenheittemperature-kelvinﵼtennistennis-balltentterraintest-tube蘿test-tube-empty螺test-tube-off獵texttext-shadow令text-short囹text-subjecttext-to-speechtext-to-speech-offtextboxtextbox-passwordtexturetheatertheme-light-darkthermometer﹡thermometer-alert﹢thermometer-chevron-down﹣thermometer-chevron-upthermometer-lines﹤thermometer-minus﹥thermometer-plusthermostatthermostat-boxthought-bubblethought-bubble-outlinethumb-downthumb-down-outlinethumb-upthumb-up-outlinethumbs-up-downticketticket-accountticket-confirmation裸ticket-outlineticket-percenttietildetimelapseﮭtimelineﮮtimeline-outlineﮯtimeline-textﮰtimeline-text-outlinetimertimer-10timer-3timer-offtimer-sandtimer-sand-emptytimer-sand-fulltimetableﲯtoaster-oventoggle-switchtoggle-switch-off礼toggle-switch-off-outline神toggle-switch-outline寧toilet嶺toolbox怜toolbox-outlinetooltiptooltip-accounttooltip-edittooltip-imageﮱtooltip-image-outlinetooltip-outline﮲tooltip-plustooltip-plus-outlinetooltip-text﮳tooltip-text-outlinetoothtooth-outlinetorﴗtortoise玲tournamenttower-beachtower-firetowing邏track-lighttrackpad爐trackpad-locktractor勺trademarktraffic-lighttrain﮴train-cartrain-varianttramtranscribetranscribe-closeﵽtransfer-downﵾtransfer-lefttransfer-rightﵿtransfer-upﴘtransit-connectionﴙtransit-connection-varianttransit-transfer樂transition洛transition-maskedtranslate﹦translate-offﴚtransmission-tower喝trash-can啕trash-can-outlinetreasure-chesttree﹌tree-outlinetrellotrending-downtrending-neutraltrending-uptriangletriangle-outline﮵triforcetrophytrophy-awardﶀtrophy-brokentrophy-outlinetrophy-varianttrophy-variant-outlinetruckﲰtruck-checktruck-deliverytruck-fasttruck-trailer喙tshirt-crewtshirt-crew-outline嗢tshirt-vtshirt-v-outline烙tumble-dryertumblr珞tumblr-boxtumblr-reblogtunetune-verticalﲱturnstileﲲturnstile-outlineﲳturtletwitchtwittertwitter-boxtwitter-circletwitter-retweet瑩two-factor-authenticationuber﮶ubisoftubuntuultra-high-definitionumbracoumbrella羚umbrella-closedumbrella-outlineundoundo-variantunfold-less-horizontalunfold-less-verticalunfold-more-horizontalunfold-more-verticalungroupunity聆unrealuntappdupdateuploadupload-multipleupload-networkﲴupload-network-outline﹧upload-outlineusbvan-passengervan-utilityvanish﫦variablevector-arrange-abovevector-arrange-below﫧vector-beziervector-circlevector-circle-variantvector-combinevector-curvevector-differencevector-difference-abvector-difference-bavector-ellipsevector-intersectionvector-linevector-pointvector-polygonvector-polylinevector-radiusvector-rectanglevector-selectionvector-squarevector-trianglevector-unionvenmo祥vhsvibrateﲵvibrate-offvideovideo-3dvideo-4k-box落video-account酪video-imagevideo-input-antennavideo-input-componentvideo-input-hdmivideo-input-svideo鈴video-minusvideo-off﮷video-off-outline﮸video-outline零video-plus駱video-stabilizationvideo-switch福video-vintageview-agendaview-arrayview-carouselview-column﹍view-comfy﹎view-compact﹏view-compact-outlineview-dashboard靖view-dashboard-outlineview-dashboard-variantview-dayview-gridview-headlineview-listview-moduleview-parallelview-quiltview-sequentialﮧview-split-horizontalﮨview-split-verticalview-streamview-weekvimeoviolinvirtual-realityvisual-studio精visual-studio-codevkvk-boxvk-circlevlcvoicevoicemail靈volleyballvolume-highvolume-lowvolume-mediumvolume-minusvolume-mutevolume-offvolume-plus﹨volume-variant-off羽vote﨟vote-outlinevpnvuejs﹐vuetifywalkwall亂wall-sconce卵wall-sconce-flat欄wall-sconce-variantwalletwallet-giftcardwallet-membership﮹wallet-outlinewallet-travel﹩wallpaperwanwashing-machinewatchwatch-exportwatch-export-variantwatch-importwatch-import-variantwatch-variantwatch-vibrateﲶwatch-vibrate-offwaterwater-off﹪water-outlinewater-percentwater-pumpwatermarkwaves﮺wazeweather-cloudy﹑weather-cloudy-arrow-rightweather-fogweather-hailweather-hurricaneweather-lightningweather-lightning-rainyweather-nightweather-partlycloudyweather-pouringweather-rainyweather-snowyweather-snowy-rainyweather-sunnyweather-sunsetweather-sunset-downweather-sunset-upweather-windyweather-windy-variantwebwebcamwebhookwebpackwechatweightﴛweight-gramweight-kilogram領weight-poundwhatsappwheelchair-accessibility例whistlewhite-balance-autowhite-balance-incandescentwhite-balance-iridescentwhite-balance-sunnywidgetswifiwifi-off﹫wifi-star爛wifi-strength-1蘭wifi-strength-1-alert鸞wifi-strength-1-lock嵐wifi-strength-2濫wifi-strength-2-alert藍wifi-strength-2-lock襤wifi-strength-3拉wifi-strength-3-alert臘wifi-strength-3-lock蠟wifi-strength-4廊wifi-strength-4-alert朗wifi-strength-4-lock浪wifi-strength-alert-outline狼wifi-strength-lock-outline郎wifi-strength-off來wifi-strength-off-outline冷wifi-strength-outlinewiiwiiuwikipediaﶁwind-turbinewindow-closewindow-closedwindow-maximizewindow-minimizewindow-openwindow-restorewindows蘒windows-classic﫨wiperﶂwiper-washwordpressworkerwrap﮻wrap-disabledwrench﮼wrench-outlinewunderlistxamarinxamarin-outlinexamlxboxxbox-controllerxbox-controller-battery-alert﨡xbox-controller-battery-chargingxbox-controller-battery-emptyxbox-controller-battery-fullxbox-controller-battery-lowxbox-controller-battery-mediumxbox-controller-battery-unknown﹒xbox-controller-menuxbox-controller-off﹓xbox-controller-viewxdaxingxing-boxxing-circlexmlxmppשׁyahooyammeryeastyelpyin-yangyoutubeyoutube-creator-studioyoutube-gamingﴜyoutube-subscriptionyoutube-tv﫩z-wave﫪zendﴝzigbeezip-box諸zip-disk塚zodiac-aquarius墳zodiac-aries奄zodiac-cancer奔zodiac-capricorn婢zodiac-gemini嬨zodiac-leo廒zodiac-libra廙zodiac-pisces彩zodiac-sagittarius徭zodiac-scorpio惘zodiac-taurus慎zodiac-virgoblank

2. An image source

You can pass an image source, such as an object of shape { uri: 'https://path.to' } or a local image: require('../path/to/image.png') to use as an icon. The image might be rendered with a different color than the one provided depending on the component. If don't want this behavior, see the next example to pass an Image element.

Remote image:

<Button icon={{ uri: 'https://avatars0.githubusercontent.com/u/17571969?v=3&s=400' }}>
  Press me
</Button>

Local image:

<Button icon={require('../assets/chameleon.jpg')}>
  Press me
</Button>

3. A render function

You can pass a function which returns a react element to be used an icon. The function receives an object with size and color properties as its arguments. The element is used as is without any modification. However, it might get clipped if the provided element's size is bigger than what the component renders. It's up to you to make sure that the size of the element is correct.

Example:

<Button
  icon={({ size, color }) => (
    <Image
      source={require('../assets/chameleon.jpg')}
      style={{ width: size, height: size, tintColor: color }}
    />
  )}
>
  Press me
</Button>

4. Use custom icons

If you want to use icons other than MaterialCommunityIcons you need to import the icons and pass it to the settings prop within PaperProvider.

Example:

import AwesomeIcon from 'react-native-vector-icons/FontAwesome';
// ...

      <PaperProvider
        settings={{
          icon: props => <AwesomeIcon {...props} />,
        }}
        theme={this.state.theme}
      >
        // ...
      </PaperProvider>

RTL support

If you want your icon to behave properly in a RTL environment, you can pass an object to the icon prop with shape: { source: { uri: 'https://path.to' }, direction : 'rtl' }. source can be any of the values that the icon prop accepts in option 1 and option 2. For direction you have a few options:

1. auto - uses the device language to determine if icon should be displayed from rtl. Uses the I18nManager module to get this info.
2. rtl - flips the icon so that it is rtl, this is regardless of the device language.
3. ltr - displays from ltr, even if in an rtl environment.

Example for using an image source:

<Button icon={{ source: { uri: 'https://avatars0.githubusercontent.com/u/17571969?v=3&s=400' }, direction: 'rtl' }}>
  Press me
</Button>

Example for using an icon name:

<Button icon={{ source: "add-a-photo", direction: 'rtl' }}>
  Press me
</Button>

You can also use a render function. Along with size and color, you have access to direction which will either be 'rtl' or 'ltr'. You can then decide how to render your icon component accordingly.

Example of using a render function:

<Button
  icon={({ size, color, direction }) => (
    <Image
      source={require('../assets/chameleon.jpg')}
      style={[
        {
          transform: [{ scaleX: direction === 'rtl' ? -1 : 1 }],
        },
        {
          width: size,
          height: size,
          tintColor: color
        }
      ]}
    />
  )}
>
  Press me
</Button>