AmeIcon

Componente que exibe um Ícone.

Exemplo

Modifique esse componente em tempo real pelo Storybook clique aqui

Utilização

<AmeIcon icon={'ame-outline'}/>
<AmeIcon icon={require(path_icon)}/>

Propriedades

onClick

• Type: Function
• Opcional

Função ao ser executada quando tocar no icone.

path

• Type: String
• Opcional

Deprecated

Path do icone a ser renderizado.

color

• Type: String
• Opcional

Nessa propriedade pode ser passada a string 'black' ou 'red' para trocar a cor do ícone. Por default a propriedade está como 'black'

icon

• Type: String
• Obrigatório

Nome do ícone a ser renderizado ou um arquivo svg ou png.

Segue abaixo a lista de ícones:

• accounts-outline
• accounts-solid
• adress-outline
• adress-solid
• agenda-outline
• agenda-solid
• alert-outline
• alert-solid
• ame-banking
• ame-outline
• ame-solid
• attach
• bank-outline
• bank-solid
• bar-code
• barbecue-outline
• barbecue-solid
• bell-notification-outline
• bell-notification-solid
• bestcb
• best-deals-outline
• bikeitau
• bus-outline
• bus-solid
• cabify
• caixa
• calendar-outline
• calendar-solid
• camera-outline
• camera-solid
• card-ame-outline
• card-ame-solid
• carimbo
• cart-outline
• cart-solid
• cashback
• cat
• chat-mail-outline
• chat-mail-solid
• chat-message-outline
• chat-message-solid
• chat-sms-outline
• chat-sms-solid
• chat-whatsapp-outline
• chat-whatsapp-solid
• cinema-outline
• cinema-solid
• clock-outline
• clock-solid
• close
• clothing-tshirt-outline
• clothing-tshirt-solid
• colapse
• configuration-outline
• configuration-solid
• conversion
• copy-outline
• copy-solid
• cracha
• credit-card-ame
• credit-card-outline
• credit-card-solid
• cupom-outline
• cupom-solid
• curiosities-outline
• curiosities-solid
• dashboard-outline
• dashboard-solid
• delivery-outline
• delivery-solid
• deposit-outline
• deposit-solid
• deslike-no-outline
• deslike-no-solid
• details
• diarista-outline
• diarista-solid
• divide
• documents-cpf
• documents-id-outline
• documents-id-solid
• donation-art
• donation-autonomous
• donation-communities
• donation-coronavirus
• donation-environement
• donation-fomezero
• donation-girlpower
• donation-healthcare
• donation-kids
• donation-planet
• donation-rainbow
• donation-sambarj
• donation-sambasalvador
• donation-sambasp
• donation-seniors
• donations-education
• donations
• down
• drconsulta
• edit-outline
• edit-solid
• electrician
• emprestimo-loan-outline
• emprestimo-loan-solid
• emprestimopj-loan
• ensure
• equal
• events-outline
• events-solid
• expand
• extended-warranty
• extrato-outline
• extrato-solid
• eye-hide
• eye-show
• faces-et-outline
• faces-happy-outline
• faces-happy-solid
• faces-medium
• faces-normal-outline
• faces-normal-solid
• faces-sad-outline
• faces-sad-solid
• faces-veryhappy
• fav-outline
• fav-solid
• feature-bazar-outline
• feature-bazar-solid
• feature-br-petrobras
• feature-news
• feature-scanandgo
• feature-shell-box
• feature-taggy
• feature-voucher-future
• feedback-error
• feedback-success
• filter-outline
• filter-solid
• fire
• flash-active
• flash-disabled
• food-convenience
• gamerzone
• games-outline
• games-solid
• general-services-outline
• general-services-solid
• ghost
• gift-card-outline
• gift-card-solid
• gift-outline
• gift-solid
• glutenfree
• gym-outline
• gym-solid
• hand-easy
• hands
• handshake
• health-outline
• health-solid
• heart-outline
• heart-solid
• help-outline
• help-solid
• home-outline
• home-solid
• house-outline
• house-solid
• image-album-outline
• image-album-solid
• image-outline
• image-solid
• incoming
• insurances
• investments
• keyboard-numbers-outline
• keyboard-numbers-solid
• lamp-outline
• lamp-solid
• lavanderia
• lazer-recreation-outline
• lazer-recreation-solid
• left-previous
• like-ok-outline
• like-ok-solid
• limit
• list-items-outline
• list-items-solid
• loan-consignado
• location-outline
• location-solid
• logo-autentic
• map-outline
• map-solid
• market-bag-outline
• market-bag-solid
• menu-plus-collapse
• menu-plus-expand
• mini-games
• mirror-beuty-outline
• mirror-beuty-solid
• mobile-chip
• mobile-outline
• mobile-solid
• mobile-plan
• money-balance
• money-card-outline
• money-card-solid
• money-outline
• money-solid
• montador-outline
• montador-solid
• movimentar-extrato-statement
• multiply
• natal
• new-card-segunda-via
• newness-outline
• newness-solid
• padlock-lock-outline
• padlock-lock-solid
• padlock-open-outline
• padlock-open-solid
• parking-outline
• parking-solid
• pet-m-outline
• pet-m-solid
• pet-p-outline
• pet-p-solid
• pet-xl-outline
• pet-xl-solid
• pets-outline
• pets-solid
• phishing
• phone-outline
• phone-solid
• pix
• pixkey
• play
• plumber-outline
• plumber-solid
• poup-pig
• pricing-outline
• pricing-solid
• profile-outline
• profile-solid
• qrcode
• randomkey
• receipt-outline
• receipt-solid
• recieve
• restaurant-outline
• restaurant-solid
• right-next
• scissor-cut-outline
• scissor-cut-solid
• search
• selfie-outline
• selfie-solid
• send-money
• send-outline
• send-solid
• serralheiro-outline
• serralheiro-solid
• services-outline
• services-solid
• share-outline
• share-solid
• spotify
• store-outline
• store-solid
• subtract
• sum
• taxes
• taxes-money
• teams-outline
• teams-solid
• tech-outline
• tech-solid
• tecnico-Informatica-outline
• tecnico-Informatica-solid
• telemedicin
• teste-covid
• thief
• ticket-outline
• ticket-solid
• tickets-outline
• tickets-solid
• tools-outline
• tools-solid
• transactions-outline
• transactions-solid
• transfer-outline
• transfer-solid
• transport-card
• transports
• trash-outline
• trash-solid
• trip-plane
• turn-camera-outline
• turn-camera-solid
• uber
• uber-eats
• ultragaz
• up
• vakinha
• valueqr
• vegan
• velocimeter
• virtual-card-ame-outline
• virtual-card-ame-solid
• wallet-outline
• wallet-solid
• wdental
• withdraw-retirar-outline
• withdraw-retirar-solid
• work-outline
• work-solid