Icon
Render icon inside element with theme colors.
Import
import { MpIcon } from '@mekari/pixel3'Playground
API
MpIcon
| Name | Type | Default |
|---|---|---|
name | IconName | - |
size | sm | md | md |
variant | outline | duotone | fill | outline |
color | ColorToken | string | gray.600 |
view-box | string | 0 0 24 24 |
Usage
All icons
Alert
done
error
help
info
pending
priority-high
priority-low
priority-medium
progress
warning-circular
warning-triangle
Arrow
arrows-down
arrows-left
arrows-right
arrows-up
caret-down
caret-right
caret-up
chevrons-down
chevrons-forward
chevrons-left
chevrons-previous
chevrons-right
chevrons-up
Conversation
call-active
call-add
call-declined
call-disabled
call-end
call-incoming
call-outgoing
call-pause
headphone
mic
mic-mute
Feature
account-mapping
add-ons
ai-assist
api
application
assets
attendee
bank
batch
billing
block-user
book
briefcase
bulk-send
bulk-upload
business-trip
broadcast
brush
calculator
cart
cash-advance
cash-in
cash-out
categories
certificate
channel
chart-of-account
chat
chatbot
cloud
code
column-settings
comment
commuting
company
competencies
connected_apps
contact
dashboard
database
design
dislike
decrease-kpi
desktop
document-sent
draft
education
email-sent
emeterai
employee
employee-not-found
employment
envelope
esignature
evaluation
expenses
face-recognition
file-change
filter
finance
find-me
flag
fulfillment
gift
goal
hierarchy
home
hospital
inbox
increase-kpi
initials
join-invoice
key
lifestyle
like
loan
location
log
meeting-room
mekari_pay
migrate
mobile
mobile-postpaid
monitor-message
muted
notification
organizations
organizations-h
organizations-v
overtime
partner
password
payroll
payslip
people
performance
phone
pipeline
place-fields
plans
play-video
policy
productivity
products
profile
promo
protection
receipt-lock
reimbursement
reports
restore
roles
sales
scan
schedule
security
sent
share
shop
sidebar-pin
stamp
stock-available
stock-bulk-update-sku
stock-out-of-stock
stock-running-out
succesion-plan
talent-management
theme
team
timer
tips
today
transfer
truck
unlock
upgrade
user-response
virtual-account
voucher
wallet
warehouse
whatsapp-flat
wifi
workflow
File
blank
copy
doc
excel-document
file-audio
file-code
file-image
file-music
file-video
folder-close
folder-open
folder-transfer-close
folder-transfer-open
id-card
image-document
img-break
img
pdf-document
word-document
zip
Interface Essentials
add-circular
add
approval-rules
attachment
calendar
camera
chart-bar
chart-bar-line
chart-line
checkbox-checklist
checkbox-partial
delete
download
edit
emoji
empty
fingerprint
forward
full-screen
help-centre
hide
magic
minimize
minus-circular
minus
newtab
number-five
paint-bucket
pause
pin
redo
refresh
reply
rotate-left
rotate-right
search
settings
show
sign-in
sign-out
table-view-column
table-view-field
table-view-filter
table-view-list
table-view-sort
task-done
task-on-progress
task-todo
text-editor-align-left
text-editor-banner
text-editor-button
text-editor-divider
text-editor-footer
text-editor-logo
text-editor-move
text-editor-paragraph
text-editor-text
text-editor-variable
text-editor-write
text-editor-list
time
undo
upload
verified
video-recorder
zoom-in
zoom-out
Logo
Axis
DJP
Facebook-Messenger
Gopay
Indosat
JCB
Line
Livechat
Mastercard
OVO
PLN-Token
PLN
Shopee
Shopeepay
Smartfren
Telegram
Telkomsel
Tokopedia
Tri
Visa
XL
airene-black
airene-brand
airene-outline
capital-black
capital-brand
capital-outline
mchat-black
mchat-brand
mchat-outline
expense-black
expense-brand
expense-outline
flex-black
flex-brand
flex-outline
insight-black
insight-brand
insight-outline
jurnal-black
jurnal-brand
jurnal-outline
klikpajak-black
klikpajak-brand
klikpajak-outline
mekari-black
mekari-brand
mekari-outline
pay-black
pay-brand
pay-outline
qontak-black
qontak-brand
qontak-outline
sign-black
sign-brand
sign-outline
stream-black
stream-brand
stream-outline
talenta-black
talenta-brand
talenta-outline
university-black
university-brand
university-outline
X
Other
accordion-collapse
accordion-expand
apply-all
arrow-collapse
arrow-expand
burger
check
close
crop
drag
fit-screen
indicator-circle
indicator-square
link
loader-
menu-kebab
menu-meatball
remove-tag
reset
shortcuts
sliders
sort-ascending
sort-default
sort-descending