Skip to content

MazIcon

MazIcon is a standalone component to load your svg files

TIP

Download icons pack here

How to use?

2 ways to use this component:

  • Use a component (like MazStar exported from @maz-ui/icons) with icon prop
  • Use a name (like academic-cap) with name prop or src prop (e.g: src="/path/icon.svg")

Example

  • Basically, this component will render your SVG from your project.
  • The component will fetch the SVG from the public folder and parse it to render it.
  • Place your SVG files in a public folder (default /icons, use path prop to change it)

Icon Component

icon is the icon component to render - e.g: import { MazStar } from '@maz-ui/icons'

Can be custom component from your stack - e.g: import ComponentIcon from './path_to_your/ComponentIcon.vue'

Path + Name

  • name is the SVG file name without extension
  • path should be the folder where your svg files are stored in your public assets. Can be gloablly provided by using mazIconPath - follow this documentation

Src

Provide the full src path to the icon

Sizing

Predefined sizes

Can be xs, sm, md, lg, xl

Custom size

Can be any valid CSS size - e.g: 1em, 1rem, 10px, 100%, 10vw, 10vh

Allowed units: px, em, rem, %, vw, vh, cm, mm, in, pt, pc, ex

Options

Set MazIcon path globally

typescript
import { createApp } from 'vue'
const app = createApp(App)

app.provide('mazIconPath', '/your/custom/path')

All icons

Get Icons Pack

This pack is the Heroicons icons set with some others from maz-ui

Download pack

Source: Hericons

You can also find icons in the icon set page

LazyMazAcademicCap
LazyMazAdjustmentsHorizontal
LazyMazAdjustmentsVertical
LazyMazArchiveBox
LazyMazArchiveBoxArrowDown
LazyMazArchiveBoxXMark
LazyMazArrowDown
LazyMazArrowDownCircle
LazyMazArrowDownLeft
LazyMazArrowDownOnSquare
LazyMazArrowDownOnSquareStack
LazyMazArrowDownRight
LazyMazArrowDownTray
LazyMazArrowLeft
LazyMazArrowLeftCircle
LazyMazArrowLeftEndOnRectangle
LazyMazArrowLeftOnRectangle
LazyMazArrowLeftStartOnRectangle
LazyMazArrowLongDown
LazyMazArrowLongLeft
LazyMazArrowLongRight
LazyMazArrowLongUp
LazyMazArrowPath
LazyMazArrowPathRoundedSquare
LazyMazArrowRight
LazyMazArrowRightCircle
LazyMazArrowRightEndOnRectangle
LazyMazArrowRightOnRectangle
LazyMazArrowRightStartOnRectangle
LazyMazArrowSmallDown
LazyMazArrowSmallLeft
LazyMazArrowSmallRight
LazyMazArrowSmallUp
LazyMazArrowTopRightOnSquare
LazyMazArrowTrendingDown
LazyMazArrowTrendingUp
LazyMazArrowTurnDownLeft
LazyMazArrowTurnDownRight
LazyMazArrowTurnLeftDown
LazyMazArrowTurnLeftUp
LazyMazArrowTurnRightDown
LazyMazArrowTurnRightUp
LazyMazArrowTurnUpLeft
LazyMazArrowTurnUpRight
LazyMazArrowUp
LazyMazArrowUpCircle
LazyMazArrowUpLeft
LazyMazArrowUpOnSquare
LazyMazArrowUpOnSquareStack
LazyMazArrowUpRight
LazyMazArrowUpTray
LazyMazArrowUturnDown
LazyMazArrowUturnLeft
LazyMazArrowUturnRight
LazyMazArrowUturnUp
LazyMazArrowsPointingIn
LazyMazArrowsPointingOut
LazyMazArrowsRightLeft
LazyMazArrowsUpDown
LazyMazAtSymbol
LazyMazBackspace
LazyMazBackward
LazyMazBanknotes
LazyMazBars2
LazyMazBars3
LazyMazBars3BottomLeft
LazyMazBars3BottomRight
LazyMazBars3CenterLeft
LazyMazBars4
LazyMazBarsArrowDown
LazyMazBarsArrowUp
LazyMazBattery0
LazyMazBattery100
LazyMazBattery50
LazyMazBeaker
LazyMazBell
LazyMazBellAlert
LazyMazBellSlash
LazyMazBellSnooze
LazyMazBold
LazyMazBolt
LazyMazBoltSlash
LazyMazBookOpen
LazyMazBookmark
LazyMazBookmarkSlash
LazyMazBookmarkSquare
LazyMazBriefcase
LazyMazBugAnt
LazyMazBuildingLibrary
LazyMazBuildingOffice
LazyMazBuildingOffice2
LazyMazBuildingStorefront
LazyMazCake
LazyMazCalculator
LazyMazCalendar
LazyMazCalendarDateRange
LazyMazCalendarDays
LazyMazCamera
LazyMazChartBar
LazyMazChartBarSquare
LazyMazChartPie
LazyMazChatBubbleBottomCenter
LazyMazChatBubbleBottomCenterText
LazyMazChatBubbleLeft
LazyMazChatBubbleLeftEllipsis
LazyMazChatBubbleLeftRight
LazyMazChatBubbleOvalLeft
LazyMazChatBubbleOvalLeftEllipsis
LazyMazCheck
LazyMazCheckBadge
LazyMazCheckCircle
LazyMazChevronDoubleDown
LazyMazChevronDoubleLeft
LazyMazChevronDoubleRight
LazyMazChevronDoubleUp
LazyMazChevronDown
LazyMazChevronLeft
LazyMazChevronRight
LazyMazChevronUp
LazyMazChevronUpDown
LazyMazCircleStack
LazyMazClipboard
LazyMazClipboardDocument
LazyMazClipboardDocumentCheck
LazyMazClipboardDocumentList
LazyMazClock
LazyMazCloud
LazyMazCloudArrowDown
LazyMazCloudArrowUp
LazyMazCodeBracket
LazyMazCodeBracketSquare
LazyMazCog
LazyMazCog6Tooth
LazyMazCog8Tooth
LazyMazCommandLine
LazyMazComputerDesktop
LazyMazCpuChip
LazyMazCreditCard
LazyMazCube
LazyMazCubeTransparent
LazyMazCurrencyBangladeshi
LazyMazCurrencyDollar
LazyMazCurrencyEuro
LazyMazCurrencyPound
LazyMazCurrencyRupee
LazyMazCurrencyYen
LazyMazCursorArrowRays
LazyMazCursorArrowRipple
LazyMazDevicePhoneMobile
LazyMazDeviceTablet
LazyMazDivide
LazyMazDocumentArrowDown
LazyMazDocumentArrowUp
LazyMazDocumentChartBar
LazyMazDocumentCheck
LazyMazDocumentCurrencyBangladeshi
LazyMazDocumentCurrencyDollar
LazyMazDocumentCurrencyEuro
LazyMazDocumentCurrencyPound
LazyMazDocumentCurrencyRupee
LazyMazDocumentCurrencyYen
LazyMazDocumentDuplicate
LazyMazDocumentIcon
LazyMazDocumentMagnifyingGlass
LazyMazDocumentMinus
LazyMazDocumentPlus
LazyMazDocumentText
LazyMazEllipsisHorizontal
LazyMazEllipsisHorizontalCircle
LazyMazEllipsisVertical
LazyMazEnvelope
LazyMazEnvelopeOpen
LazyMazEquals
LazyMazExclamationCircle
LazyMazExclamationTriangle
LazyMazEye
LazyMazEyeDropper
LazyMazEyeSlash
LazyMazFaceFrown
LazyMazFaceSmile
LazyMazFilm
LazyMazFingerPrint
LazyMazFire
LazyMazFlag
LazyMazFlagAC
LazyMazFlagAD
LazyMazFlagAE
LazyMazFlagAF
LazyMazFlagAG
LazyMazFlagAI
LazyMazFlagAL
LazyMazFlagAM
LazyMazFlagAO
LazyMazFlagAQ
LazyMazFlagAR
LazyMazFlagAS
LazyMazFlagAT
LazyMazFlagAU
LazyMazFlagAW
LazyMazFlagAX
LazyMazFlagAZ
LazyMazFlagBA
LazyMazFlagBB
LazyMazFlagBD
LazyMazFlagBE
LazyMazFlagBF
LazyMazFlagBG
LazyMazFlagBH
LazyMazFlagBI
LazyMazFlagBJ
LazyMazFlagBL
LazyMazFlagBM
LazyMazFlagBN
LazyMazFlagBO
LazyMazFlagBQ
LazyMazFlagBR
LazyMazFlagBS
LazyMazFlagBT
LazyMazFlagBV
LazyMazFlagBW
LazyMazFlagBY
LazyMazFlagBZ
LazyMazFlagCA
LazyMazFlagCC
LazyMazFlagCD
LazyMazFlagCF
LazyMazFlagCG
LazyMazFlagCH
LazyMazFlagCI
LazyMazFlagCK
LazyMazFlagCL
LazyMazFlagCM
LazyMazFlagCN
LazyMazFlagCO
LazyMazFlagCR
LazyMazFlagCU
LazyMazFlagCV
LazyMazFlagCW
LazyMazFlagCX
LazyMazFlagCY
LazyMazFlagCZ
LazyMazFlagDE
LazyMazFlagDJ
LazyMazFlagDK
LazyMazFlagDM
LazyMazFlagDO
LazyMazFlagDZ
LazyMazFlagEC
LazyMazFlagEE
LazyMazFlagEG
LazyMazFlagEH
LazyMazFlagER
LazyMazFlagES
LazyMazFlagET
LazyMazFlagEU
LazyMazFlagFI
LazyMazFlagFJ
LazyMazFlagFK
LazyMazFlagFM
LazyMazFlagFO
LazyMazFlagFR
LazyMazFlagGA
LazyMazFlagGB
LazyMazFlagGD
LazyMazFlagGE
LazyMazFlagGEAB
LazyMazFlagGEOS
LazyMazFlagGF
LazyMazFlagGG
LazyMazFlagGH
LazyMazFlagGI
LazyMazFlagGL
LazyMazFlagGM
LazyMazFlagGN
LazyMazFlagGP
LazyMazFlagGQ
LazyMazFlagGR
LazyMazFlagGS
LazyMazFlagGT
LazyMazFlagGU
LazyMazFlagGW
LazyMazFlagGY
LazyMazFlagHK
LazyMazFlagHM
LazyMazFlagHN
LazyMazFlagHR
LazyMazFlagHT
LazyMazFlagHU
LazyMazFlagIC
LazyMazFlagID
LazyMazFlagIE
LazyMazFlagIL
LazyMazFlagIM
LazyMazFlagIN
LazyMazFlagIO
LazyMazFlagIQ
LazyMazFlagIR
LazyMazFlagIS
LazyMazFlagIT
LazyMazFlagJE
LazyMazFlagJM
LazyMazFlagJO
LazyMazFlagJP
LazyMazFlagKE
LazyMazFlagKG
LazyMazFlagKH
LazyMazFlagKI
LazyMazFlagKM
LazyMazFlagKN
LazyMazFlagKP
LazyMazFlagKR
LazyMazFlagKW
LazyMazFlagKY
LazyMazFlagKZ
LazyMazFlagLA
LazyMazFlagLB
LazyMazFlagLC
LazyMazFlagLI
LazyMazFlagLK
LazyMazFlagLR
LazyMazFlagLS
LazyMazFlagLT
LazyMazFlagLU
LazyMazFlagLV
LazyMazFlagLY
LazyMazFlagMA
LazyMazFlagMC
LazyMazFlagMD
LazyMazFlagME
LazyMazFlagMF
LazyMazFlagMG
LazyMazFlagMH
LazyMazFlagMK
LazyMazFlagML
LazyMazFlagMM
LazyMazFlagMN
LazyMazFlagMO
LazyMazFlagMP
LazyMazFlagMQ
LazyMazFlagMR
LazyMazFlagMS
LazyMazFlagMT
LazyMazFlagMU
LazyMazFlagMV
LazyMazFlagMW
LazyMazFlagMX
LazyMazFlagMY
LazyMazFlagMZ
LazyMazFlagNA
LazyMazFlagNC
LazyMazFlagNE
LazyMazFlagNF
LazyMazFlagNG
LazyMazFlagNI
LazyMazFlagNL
LazyMazFlagNO
LazyMazFlagNP
LazyMazFlagNR
LazyMazFlagNU
LazyMazFlagNZ
LazyMazFlagOM
LazyMazFlagPA
LazyMazFlagPE
LazyMazFlagPF
LazyMazFlagPG
LazyMazFlagPH
LazyMazFlagPK
LazyMazFlagPL
LazyMazFlagPM
LazyMazFlagPN
LazyMazFlagPR
LazyMazFlagPS
LazyMazFlagPT
LazyMazFlagPW
LazyMazFlagPY
LazyMazFlagQA
LazyMazFlagRE
LazyMazFlagRO
LazyMazFlagRS
LazyMazFlagRU
LazyMazFlagRW
LazyMazFlagSA
LazyMazFlagSB
LazyMazFlagSC
LazyMazFlagSD
LazyMazFlagSE
LazyMazFlagSG
LazyMazFlagSH
LazyMazFlagSI
LazyMazFlagSJ
LazyMazFlagSK
LazyMazFlagSL
LazyMazFlagSM
LazyMazFlagSN
LazyMazFlagSO
LazyMazFlagSR
LazyMazFlagSS
LazyMazFlagST
LazyMazFlagSV
LazyMazFlagSX
LazyMazFlagSY
LazyMazFlagSZ
LazyMazFlagSquareAC
LazyMazFlagSquareAD
LazyMazFlagSquareAE
LazyMazFlagSquareAF
LazyMazFlagSquareAG
LazyMazFlagSquareAI
LazyMazFlagSquareAL
LazyMazFlagSquareAM
LazyMazFlagSquareAO
LazyMazFlagSquareAQ
LazyMazFlagSquareAR
LazyMazFlagSquareAS
LazyMazFlagSquareAT
LazyMazFlagSquareAU
LazyMazFlagSquareAW
LazyMazFlagSquareAX
LazyMazFlagSquareAZ
LazyMazFlagSquareBA
LazyMazFlagSquareBB
LazyMazFlagSquareBD
LazyMazFlagSquareBE
LazyMazFlagSquareBF
LazyMazFlagSquareBG
LazyMazFlagSquareBH
LazyMazFlagSquareBI
LazyMazFlagSquareBJ
LazyMazFlagSquareBL
LazyMazFlagSquareBM
LazyMazFlagSquareBN
LazyMazFlagSquareBO
LazyMazFlagSquareBQ
LazyMazFlagSquareBR
LazyMazFlagSquareBS
LazyMazFlagSquareBT
LazyMazFlagSquareBV
LazyMazFlagSquareBW
LazyMazFlagSquareBY
LazyMazFlagSquareBZ
LazyMazFlagSquareCA
LazyMazFlagSquareCC
LazyMazFlagSquareCD
LazyMazFlagSquareCF
LazyMazFlagSquareCG
LazyMazFlagSquareCH
LazyMazFlagSquareCI
LazyMazFlagSquareCK
LazyMazFlagSquareCL
LazyMazFlagSquareCM
LazyMazFlagSquareCN
LazyMazFlagSquareCO
LazyMazFlagSquareCR
LazyMazFlagSquareCU
LazyMazFlagSquareCV
LazyMazFlagSquareCW
LazyMazFlagSquareCX
LazyMazFlagSquareCY
LazyMazFlagSquareCZ
LazyMazFlagSquareDE
LazyMazFlagSquareDJ
LazyMazFlagSquareDK
LazyMazFlagSquareDM
LazyMazFlagSquareDO
LazyMazFlagSquareDZ
LazyMazFlagSquareEC
LazyMazFlagSquareEE
LazyMazFlagSquareEG
LazyMazFlagSquareEH
LazyMazFlagSquareER
LazyMazFlagSquareES
LazyMazFlagSquareET
LazyMazFlagSquareEU
LazyMazFlagSquareFI
LazyMazFlagSquareFJ
LazyMazFlagSquareFK
LazyMazFlagSquareFM
LazyMazFlagSquareFO
LazyMazFlagSquareFR
LazyMazFlagSquareGA
LazyMazFlagSquareGB
LazyMazFlagSquareGD
LazyMazFlagSquareGE
LazyMazFlagSquareGEAB
LazyMazFlagSquareGEOS
LazyMazFlagSquareGF
LazyMazFlagSquareGG
LazyMazFlagSquareGH
LazyMazFlagSquareGI
LazyMazFlagSquareGL
LazyMazFlagSquareGM
LazyMazFlagSquareGN
LazyMazFlagSquareGP
LazyMazFlagSquareGQ
LazyMazFlagSquareGR
LazyMazFlagSquareGS
LazyMazFlagSquareGT
LazyMazFlagSquareGU
LazyMazFlagSquareGW
LazyMazFlagSquareGY
LazyMazFlagSquareHK
LazyMazFlagSquareHM
LazyMazFlagSquareHN
LazyMazFlagSquareHR
LazyMazFlagSquareHT
LazyMazFlagSquareHU
LazyMazFlagSquareIC
LazyMazFlagSquareID
LazyMazFlagSquareIE
LazyMazFlagSquareIL
LazyMazFlagSquareIM
LazyMazFlagSquareIN
LazyMazFlagSquareIO
LazyMazFlagSquareIQ
LazyMazFlagSquareIR
LazyMazFlagSquareIS
LazyMazFlagSquareIT
LazyMazFlagSquareJE
LazyMazFlagSquareJM
LazyMazFlagSquareJO
LazyMazFlagSquareJP
LazyMazFlagSquareKE
LazyMazFlagSquareKG
LazyMazFlagSquareKH
LazyMazFlagSquareKI
LazyMazFlagSquareKM
LazyMazFlagSquareKN
LazyMazFlagSquareKP
LazyMazFlagSquareKR
LazyMazFlagSquareKW
LazyMazFlagSquareKY
LazyMazFlagSquareKZ
LazyMazFlagSquareLA
LazyMazFlagSquareLB
LazyMazFlagSquareLC
LazyMazFlagSquareLI
LazyMazFlagSquareLK
LazyMazFlagSquareLR
LazyMazFlagSquareLS
LazyMazFlagSquareLT
LazyMazFlagSquareLU
LazyMazFlagSquareLV
LazyMazFlagSquareLY
LazyMazFlagSquareMA
LazyMazFlagSquareMC
LazyMazFlagSquareMD
LazyMazFlagSquareME
LazyMazFlagSquareMF
LazyMazFlagSquareMG
LazyMazFlagSquareMH
LazyMazFlagSquareMK
LazyMazFlagSquareML
LazyMazFlagSquareMM
LazyMazFlagSquareMN
LazyMazFlagSquareMO
LazyMazFlagSquareMP
LazyMazFlagSquareMQ
LazyMazFlagSquareMR
LazyMazFlagSquareMS
LazyMazFlagSquareMT
LazyMazFlagSquareMU
LazyMazFlagSquareMV
LazyMazFlagSquareMW
LazyMazFlagSquareMX
LazyMazFlagSquareMY
LazyMazFlagSquareMZ
LazyMazFlagSquareNA
LazyMazFlagSquareNC
LazyMazFlagSquareNE
LazyMazFlagSquareNF
LazyMazFlagSquareNG
LazyMazFlagSquareNI
LazyMazFlagSquareNL
LazyMazFlagSquareNO
LazyMazFlagSquareNP
LazyMazFlagSquareNR
LazyMazFlagSquareNU
LazyMazFlagSquareNZ
LazyMazFlagSquareOM
LazyMazFlagSquarePA
LazyMazFlagSquarePE
LazyMazFlagSquarePF
LazyMazFlagSquarePG
LazyMazFlagSquarePH
LazyMazFlagSquarePK
LazyMazFlagSquarePL
LazyMazFlagSquarePM
LazyMazFlagSquarePN
LazyMazFlagSquarePR
LazyMazFlagSquarePS
LazyMazFlagSquarePT
LazyMazFlagSquarePW
LazyMazFlagSquarePY
LazyMazFlagSquareQA
LazyMazFlagSquareRE
LazyMazFlagSquareRO
LazyMazFlagSquareRS
LazyMazFlagSquareRU
LazyMazFlagSquareRW
LazyMazFlagSquareSA
LazyMazFlagSquareSB
LazyMazFlagSquareSC
LazyMazFlagSquareSD
LazyMazFlagSquareSE
LazyMazFlagSquareSG
LazyMazFlagSquareSH
LazyMazFlagSquareSI
LazyMazFlagSquareSJ
LazyMazFlagSquareSK
LazyMazFlagSquareSL
LazyMazFlagSquareSM
LazyMazFlagSquareSN
LazyMazFlagSquareSO
LazyMazFlagSquareSR
LazyMazFlagSquareSS
LazyMazFlagSquareST
LazyMazFlagSquareSV
LazyMazFlagSquareSX
LazyMazFlagSquareSY
LazyMazFlagSquareSZ
LazyMazFlagSquareTA
LazyMazFlagSquareTC
LazyMazFlagSquareTD
LazyMazFlagSquareTF
LazyMazFlagSquareTG
LazyMazFlagSquareTH
LazyMazFlagSquareTJ
LazyMazFlagSquareTK
LazyMazFlagSquareTL
LazyMazFlagSquareTM
LazyMazFlagSquareTN
LazyMazFlagSquareTO
LazyMazFlagSquareTR
LazyMazFlagSquareTT
LazyMazFlagSquareTV
LazyMazFlagSquareTW
LazyMazFlagSquareTZ
LazyMazFlagSquareUA
LazyMazFlagSquareUG
LazyMazFlagSquareUM
LazyMazFlagSquareUS
LazyMazFlagSquareUY
LazyMazFlagSquareUZ
LazyMazFlagSquareVA
LazyMazFlagSquareVC
LazyMazFlagSquareVE
LazyMazFlagSquareVG
LazyMazFlagSquareVI
LazyMazFlagSquareVN
LazyMazFlagSquareVU
LazyMazFlagSquareWF
LazyMazFlagSquareWS
LazyMazFlagSquareXK
LazyMazFlagSquareYE
LazyMazFlagSquareYT
LazyMazFlagSquareZA
LazyMazFlagSquareZM
LazyMazFlagSquareZW
LazyMazFlagTA
LazyMazFlagTC
LazyMazFlagTD
LazyMazFlagTF
LazyMazFlagTG
LazyMazFlagTH
LazyMazFlagTJ
LazyMazFlagTK
LazyMazFlagTL
LazyMazFlagTM
LazyMazFlagTN
LazyMazFlagTO
LazyMazFlagTR
LazyMazFlagTT
LazyMazFlagTV
LazyMazFlagTW
LazyMazFlagTZ
LazyMazFlagUA
LazyMazFlagUG
LazyMazFlagUM
LazyMazFlagUS
LazyMazFlagUY
LazyMazFlagUZ
LazyMazFlagVA
LazyMazFlagVC
LazyMazFlagVE
LazyMazFlagVG
LazyMazFlagVI
LazyMazFlagVN
LazyMazFlagVU
LazyMazFlagWF
LazyMazFlagWS
LazyMazFlagXK
LazyMazFlagYE
LazyMazFlagYT
LazyMazFlagZA
LazyMazFlagZM
LazyMazFlagZW
LazyMazFolder
LazyMazFolderArrowDown
LazyMazFolderMinus
LazyMazFolderOpen
LazyMazFolderPlus
LazyMazFork
LazyMazForward
LazyMazFunnel
LazyMazGif
LazyMazGift
LazyMazGiftTop
LazyMazGithub
LazyMazGlobeAlt
LazyMazGlobeAmericas
LazyMazGlobeAsiaAustralia
LazyMazGlobeEuropeAfrica
LazyMazH1
LazyMazH2
LazyMazH3
LazyMazHandRaised
LazyMazHandThumbDown
LazyMazHandThumbUp
LazyMazHashtag
LazyMazHeart
LazyMazHome
LazyMazHomeModern
LazyMazIdentification
LazyMazInbox
LazyMazInboxArrowDown
LazyMazInboxStack
LazyMazInformationCircle
LazyMazItalic
LazyMazKey
LazyMazLanguage
LazyMazLifebuoy
LazyMazLightBulb
LazyMazLinkIcon
LazyMazLinkSlash
LazyMazListBullet
LazyMazLockClosed
LazyMazLockOpen
LazyMazLogoAndroid
LazyMazLogoApple
LazyMazLogoCsv
LazyMazLogoFacebook
LazyMazLogoHtml
LazyMazLogoInstagram
LazyMazLogoJs
LazyMazLogoJson
LazyMazLogoLinkedin
LazyMazLogoMarkdown
LazyMazLogoNpm
LazyMazLogoProperties
LazyMazLogoReact
LazyMazLogoTwitter
LazyMazLogoTxt
LazyMazLogoTypescript
LazyMazLogoVue
LazyMazLogoXliff
LazyMazLogoXls
LazyMazLogoXml
LazyMazMagnifyingGlass
LazyMazMagnifyingGlassCircle
LazyMazMagnifyingGlassMinus
LazyMazMagnifyingGlassPlus
LazyMazMapIcon
LazyMazMapPin
LazyMazMegaphone
LazyMazMicrophone
LazyMazMinus
LazyMazMinusCircle
LazyMazMinusSmall
LazyMazMoon
LazyMazMusicalNote
LazyMazNewspaper
LazyMazNoImage
LazyMazNoSymbol
LazyMazNumberedList
LazyMazPaintBrush
LazyMazPaperAirplane
LazyMazPaperClip
LazyMazPause
LazyMazPauseCircle
LazyMazPencil
LazyMazPencilSquare
LazyMazPercentBadge
LazyMazPhone
LazyMazPhoneArrowDownLeft
LazyMazPhoneArrowUpRight
LazyMazPhoneXMark
LazyMazPhoto
LazyMazPlay
LazyMazPlayCircle
LazyMazPlayPause
LazyMazPlus
LazyMazPlusCircle
LazyMazPlusSmall
LazyMazPower
LazyMazPresentationChartBar
LazyMazPresentationChartLine
LazyMazPrinter
LazyMazPuzzlePiece
LazyMazQrCode
LazyMazQuestionMarkCircle
LazyMazQueueList
LazyMazQuote
LazyMazRadioIcon
LazyMazReceiptPercent
LazyMazReceiptRefund
LazyMazRectangleGroup
LazyMazRectangleStack
LazyMazRocketLaunch
LazyMazRss
LazyMazScale
LazyMazScissors
LazyMazServer
LazyMazServerStack
LazyMazShare
LazyMazShieldCheck
LazyMazShieldExclamation
LazyMazShoppingBag
LazyMazShoppingCart
LazyMazSignal
LazyMazSignalSlash
LazyMazSlash
LazyMazSparkles
LazyMazSpeakerWave
LazyMazSpeakerXMark
LazyMazSquare2Stack
LazyMazSquare3Stack3d
LazyMazSquares2x2
LazyMazSquaresPlus
LazyMazStar
LazyMazStarSolid
LazyMazStop
LazyMazStopCircle
LazyMazStrikethrough
LazyMazSun
LazyMazSwatch
LazyMazTableCells
LazyMazTag
LazyMazTelevision
LazyMazTicket
LazyMazTrash
LazyMazTrophy
LazyMazTruck
LazyMazUnderline
LazyMazUser
LazyMazUserCircle
LazyMazUserGroup
LazyMazUserMinus
LazyMazUserPlus
LazyMazUsers
LazyMazVariable
LazyMazVideoCamera
LazyMazVideoCameraSlash
LazyMazViewColumns
LazyMazViewfinderCircle
LazyMazWallet
LazyMazWifi
LazyMazWindowIcon
LazyMazWrench
LazyMazWrenchScrewdriver
LazyMazXCircle
LazyMazXMark
MazAcademicCap
MazAdjustmentsHorizontal
MazAdjustmentsVertical
MazArchiveBox
MazArchiveBoxArrowDown
MazArchiveBoxXMark
MazArrowDown
MazArrowDownCircle
MazArrowDownLeft
MazArrowDownOnSquare
MazArrowDownOnSquareStack
MazArrowDownRight
MazArrowDownTray
MazArrowLeft
MazArrowLeftCircle
MazArrowLeftEndOnRectangle
MazArrowLeftOnRectangle
MazArrowLeftStartOnRectangle
MazArrowLongDown
MazArrowLongLeft
MazArrowLongRight
MazArrowLongUp
MazArrowPath
MazArrowPathRoundedSquare
MazArrowRight
MazArrowRightCircle
MazArrowRightEndOnRectangle
MazArrowRightOnRectangle
MazArrowRightStartOnRectangle
MazArrowSmallDown
MazArrowSmallLeft
MazArrowSmallRight
MazArrowSmallUp
MazArrowTopRightOnSquare
MazArrowTrendingDown
MazArrowTrendingUp
MazArrowTurnDownLeft
MazArrowTurnDownRight
MazArrowTurnLeftDown
MazArrowTurnLeftUp
MazArrowTurnRightDown
MazArrowTurnRightUp
MazArrowTurnUpLeft
MazArrowTurnUpRight
MazArrowUp
MazArrowUpCircle
MazArrowUpLeft
MazArrowUpOnSquare
MazArrowUpOnSquareStack
MazArrowUpRight
MazArrowUpTray
MazArrowUturnDown
MazArrowUturnLeft
MazArrowUturnRight
MazArrowUturnUp
MazArrowsPointingIn
MazArrowsPointingOut
MazArrowsRightLeft
MazArrowsUpDown
MazAtSymbol
MazBackspace
MazBackward
MazBanknotes
MazBars2
MazBars3
MazBars3BottomLeft
MazBars3BottomRight
MazBars3CenterLeft
MazBars4
MazBarsArrowDown
MazBarsArrowUp
MazBattery0
MazBattery100
MazBattery50
MazBeaker
MazBell
MazBellAlert
MazBellSlash
MazBellSnooze
MazBold
MazBolt
MazBoltSlash
MazBookOpen
MazBookmark
MazBookmarkSlash
MazBookmarkSquare
MazBriefcase
MazBugAnt
MazBuildingLibrary
MazBuildingOffice
MazBuildingOffice2
MazBuildingStorefront
MazCake
MazCalculator
MazCalendar
MazCalendarDateRange
MazCalendarDays
MazCamera
MazChartBar
MazChartBarSquare
MazChartPie
MazChatBubbleBottomCenter
MazChatBubbleBottomCenterText
MazChatBubbleLeft
MazChatBubbleLeftEllipsis
MazChatBubbleLeftRight
MazChatBubbleOvalLeft
MazChatBubbleOvalLeftEllipsis
MazCheck
MazCheckBadge
MazCheckCircle
MazChevronDoubleDown
MazChevronDoubleLeft
MazChevronDoubleRight
MazChevronDoubleUp
MazChevronDown
MazChevronLeft
MazChevronRight
MazChevronUp
MazChevronUpDown
MazCircleStack
MazClipboard
MazClipboardDocument
MazClipboardDocumentCheck
MazClipboardDocumentList
MazClock
MazCloud
MazCloudArrowDown
MazCloudArrowUp
MazCodeBracket
MazCodeBracketSquare
MazCog
MazCog6Tooth
MazCog8Tooth
MazCommandLine
MazComputerDesktop
MazCpuChip
MazCreditCard
MazCube
MazCubeTransparent
MazCurrencyBangladeshi
MazCurrencyDollar
MazCurrencyEuro
MazCurrencyPound
MazCurrencyRupee
MazCurrencyYen
MazCursorArrowRays
MazCursorArrowRipple
MazDevicePhoneMobile
MazDeviceTablet
MazDivide
MazDocumentArrowDown
MazDocumentArrowUp
MazDocumentChartBar
MazDocumentCheck
MazDocumentCurrencyBangladeshi
MazDocumentCurrencyDollar
MazDocumentCurrencyEuro
MazDocumentCurrencyPound
MazDocumentCurrencyRupee
MazDocumentCurrencyYen
MazDocumentDuplicate
MazDocumentIcon
MazDocumentMagnifyingGlass
MazDocumentMinus
MazDocumentPlus
MazDocumentText
MazEllipsisHorizontal
MazEllipsisHorizontalCircle
MazEllipsisVertical
MazEnvelope
MazEnvelopeOpen
MazEquals
MazExclamationCircle
MazExclamationTriangle
MazEye
MazEyeDropper
MazEyeSlash
MazFaceFrown
MazFaceSmile
MazFilm
MazFingerPrint
MazFire
MazFlag
MazFlagAC
MazFlagAD
MazFlagAE
MazFlagAF
MazFlagAG
MazFlagAI
MazFlagAL
MazFlagAM
MazFlagAO
MazFlagAQ
MazFlagAR
MazFlagAS
MazFlagAT
MazFlagAU
MazFlagAW
MazFlagAX
MazFlagAZ
MazFlagBA
MazFlagBB
MazFlagBD
MazFlagBE
MazFlagBF
MazFlagBG
MazFlagBH
MazFlagBI
MazFlagBJ
MazFlagBL
MazFlagBM
MazFlagBN
MazFlagBO
MazFlagBQ
MazFlagBR
MazFlagBS
MazFlagBT
MazFlagBV
MazFlagBW
MazFlagBY
MazFlagBZ
MazFlagCA
MazFlagCC
MazFlagCD
MazFlagCF
MazFlagCG
MazFlagCH
MazFlagCI
MazFlagCK
MazFlagCL
MazFlagCM
MazFlagCN
MazFlagCO
MazFlagCR
MazFlagCU
MazFlagCV
MazFlagCW
MazFlagCX
MazFlagCY
MazFlagCZ
MazFlagDE
MazFlagDJ
MazFlagDK
MazFlagDM
MazFlagDO
MazFlagDZ
MazFlagEC
MazFlagEE
MazFlagEG
MazFlagEH
MazFlagER
MazFlagES
MazFlagET
MazFlagEU
MazFlagFI
MazFlagFJ
MazFlagFK
MazFlagFM
MazFlagFO
MazFlagFR
MazFlagGA
MazFlagGB
MazFlagGD
MazFlagGE
MazFlagGEAB
MazFlagGEOS
MazFlagGF
MazFlagGG
MazFlagGH
MazFlagGI
MazFlagGL
MazFlagGM
MazFlagGN
MazFlagGP
MazFlagGQ
MazFlagGR
MazFlagGS
MazFlagGT
MazFlagGU
MazFlagGW
MazFlagGY
MazFlagHK
MazFlagHM
MazFlagHN
MazFlagHR
MazFlagHT
MazFlagHU
MazFlagIC
MazFlagID
MazFlagIE
MazFlagIL
MazFlagIM
MazFlagIN
MazFlagIO
MazFlagIQ
MazFlagIR
MazFlagIS
MazFlagIT
MazFlagJE
MazFlagJM
MazFlagJO
MazFlagJP
MazFlagKE
MazFlagKG
MazFlagKH
MazFlagKI
MazFlagKM
MazFlagKN
MazFlagKP
MazFlagKR
MazFlagKW
MazFlagKY
MazFlagKZ
MazFlagLA
MazFlagLB
MazFlagLC
MazFlagLI
MazFlagLK
MazFlagLR
MazFlagLS
MazFlagLT
MazFlagLU
MazFlagLV
MazFlagLY
MazFlagMA
MazFlagMC
MazFlagMD
MazFlagME
MazFlagMF
MazFlagMG
MazFlagMH
MazFlagMK
MazFlagML
MazFlagMM
MazFlagMN
MazFlagMO
MazFlagMP
MazFlagMQ
MazFlagMR
MazFlagMS
MazFlagMT
MazFlagMU
MazFlagMV
MazFlagMW
MazFlagMX
MazFlagMY
MazFlagMZ
MazFlagNA
MazFlagNC
MazFlagNE
MazFlagNF
MazFlagNG
MazFlagNI
MazFlagNL
MazFlagNO
MazFlagNP
MazFlagNR
MazFlagNU
MazFlagNZ
MazFlagOM
MazFlagPA
MazFlagPE
MazFlagPF
MazFlagPG
MazFlagPH
MazFlagPK
MazFlagPL
MazFlagPM
MazFlagPN
MazFlagPR
MazFlagPS
MazFlagPT
MazFlagPW
MazFlagPY
MazFlagQA
MazFlagRE
MazFlagRO
MazFlagRS
MazFlagRU
MazFlagRW
MazFlagSA
MazFlagSB
MazFlagSC
MazFlagSD
MazFlagSE
MazFlagSG
MazFlagSH
MazFlagSI
MazFlagSJ
MazFlagSK
MazFlagSL
MazFlagSM
MazFlagSN
MazFlagSO
MazFlagSR
MazFlagSS
MazFlagST
MazFlagSV
MazFlagSX
MazFlagSY
MazFlagSZ
MazFlagSquareAC
MazFlagSquareAD
MazFlagSquareAE
MazFlagSquareAF
MazFlagSquareAG
MazFlagSquareAI
MazFlagSquareAL
MazFlagSquareAM
MazFlagSquareAO
MazFlagSquareAQ
MazFlagSquareAR
MazFlagSquareAS
MazFlagSquareAT
MazFlagSquareAU
MazFlagSquareAW
MazFlagSquareAX
MazFlagSquareAZ
MazFlagSquareBA
MazFlagSquareBB
MazFlagSquareBD
MazFlagSquareBE
MazFlagSquareBF
MazFlagSquareBG
MazFlagSquareBH
MazFlagSquareBI
MazFlagSquareBJ
MazFlagSquareBL
MazFlagSquareBM
MazFlagSquareBN
MazFlagSquareBO
MazFlagSquareBQ
MazFlagSquareBR
MazFlagSquareBS
MazFlagSquareBT
MazFlagSquareBV
MazFlagSquareBW
MazFlagSquareBY
MazFlagSquareBZ
MazFlagSquareCA
MazFlagSquareCC
MazFlagSquareCD
MazFlagSquareCF
MazFlagSquareCG
MazFlagSquareCH
MazFlagSquareCI
MazFlagSquareCK
MazFlagSquareCL
MazFlagSquareCM
MazFlagSquareCN
MazFlagSquareCO
MazFlagSquareCR
MazFlagSquareCU
MazFlagSquareCV
MazFlagSquareCW
MazFlagSquareCX
MazFlagSquareCY
MazFlagSquareCZ
MazFlagSquareDE
MazFlagSquareDJ
MazFlagSquareDK
MazFlagSquareDM
MazFlagSquareDO
MazFlagSquareDZ
MazFlagSquareEC
MazFlagSquareEE
MazFlagSquareEG
MazFlagSquareEH
MazFlagSquareER
MazFlagSquareES
MazFlagSquareET
MazFlagSquareEU
MazFlagSquareFI
MazFlagSquareFJ
MazFlagSquareFK
MazFlagSquareFM
MazFlagSquareFO
MazFlagSquareFR
MazFlagSquareGA
MazFlagSquareGB
MazFlagSquareGD
MazFlagSquareGE
MazFlagSquareGEAB
MazFlagSquareGEOS
MazFlagSquareGF
MazFlagSquareGG
MazFlagSquareGH
MazFlagSquareGI
MazFlagSquareGL
MazFlagSquareGM
MazFlagSquareGN
MazFlagSquareGP
MazFlagSquareGQ
MazFlagSquareGR
MazFlagSquareGS
MazFlagSquareGT
MazFlagSquareGU
MazFlagSquareGW
MazFlagSquareGY
MazFlagSquareHK
MazFlagSquareHM
MazFlagSquareHN
MazFlagSquareHR
MazFlagSquareHT
MazFlagSquareHU
MazFlagSquareIC
MazFlagSquareID
MazFlagSquareIE
MazFlagSquareIL
MazFlagSquareIM
MazFlagSquareIN
MazFlagSquareIO
MazFlagSquareIQ
MazFlagSquareIR
MazFlagSquareIS
MazFlagSquareIT
MazFlagSquareJE
MazFlagSquareJM
MazFlagSquareJO
MazFlagSquareJP
MazFlagSquareKE
MazFlagSquareKG
MazFlagSquareKH
MazFlagSquareKI
MazFlagSquareKM
MazFlagSquareKN
MazFlagSquareKP
MazFlagSquareKR
MazFlagSquareKW
MazFlagSquareKY
MazFlagSquareKZ
MazFlagSquareLA
MazFlagSquareLB
MazFlagSquareLC
MazFlagSquareLI
MazFlagSquareLK
MazFlagSquareLR
MazFlagSquareLS
MazFlagSquareLT
MazFlagSquareLU
MazFlagSquareLV
MazFlagSquareLY
MazFlagSquareMA
MazFlagSquareMC
MazFlagSquareMD
MazFlagSquareME
MazFlagSquareMF
MazFlagSquareMG
MazFlagSquareMH
MazFlagSquareMK
MazFlagSquareML
MazFlagSquareMM
MazFlagSquareMN
MazFlagSquareMO
MazFlagSquareMP
MazFlagSquareMQ
MazFlagSquareMR
MazFlagSquareMS
MazFlagSquareMT
MazFlagSquareMU
MazFlagSquareMV
MazFlagSquareMW
MazFlagSquareMX
MazFlagSquareMY
MazFlagSquareMZ
MazFlagSquareNA
MazFlagSquareNC
MazFlagSquareNE
MazFlagSquareNF
MazFlagSquareNG
MazFlagSquareNI
MazFlagSquareNL
MazFlagSquareNO
MazFlagSquareNP
MazFlagSquareNR
MazFlagSquareNU
MazFlagSquareNZ
MazFlagSquareOM
MazFlagSquarePA
MazFlagSquarePE
MazFlagSquarePF
MazFlagSquarePG
MazFlagSquarePH
MazFlagSquarePK
MazFlagSquarePL
MazFlagSquarePM
MazFlagSquarePN
MazFlagSquarePR
MazFlagSquarePS
MazFlagSquarePT
MazFlagSquarePW
MazFlagSquarePY
MazFlagSquareQA
MazFlagSquareRE
MazFlagSquareRO
MazFlagSquareRS
MazFlagSquareRU
MazFlagSquareRW
MazFlagSquareSA
MazFlagSquareSB
MazFlagSquareSC
MazFlagSquareSD
MazFlagSquareSE
MazFlagSquareSG
MazFlagSquareSH
MazFlagSquareSI
MazFlagSquareSJ
MazFlagSquareSK
MazFlagSquareSL
MazFlagSquareSM
MazFlagSquareSN
MazFlagSquareSO
MazFlagSquareSR
MazFlagSquareSS
MazFlagSquareST
MazFlagSquareSV
MazFlagSquareSX
MazFlagSquareSY
MazFlagSquareSZ
MazFlagSquareTA
MazFlagSquareTC
MazFlagSquareTD
MazFlagSquareTF
MazFlagSquareTG
MazFlagSquareTH
MazFlagSquareTJ
MazFlagSquareTK
MazFlagSquareTL
MazFlagSquareTM
MazFlagSquareTN
MazFlagSquareTO
MazFlagSquareTR
MazFlagSquareTT
MazFlagSquareTV
MazFlagSquareTW
MazFlagSquareTZ
MazFlagSquareUA
MazFlagSquareUG
MazFlagSquareUM
MazFlagSquareUS
MazFlagSquareUY
MazFlagSquareUZ
MazFlagSquareVA
MazFlagSquareVC
MazFlagSquareVE
MazFlagSquareVG
MazFlagSquareVI
MazFlagSquareVN
MazFlagSquareVU
MazFlagSquareWF
MazFlagSquareWS
MazFlagSquareXK
MazFlagSquareYE
MazFlagSquareYT
MazFlagSquareZA
MazFlagSquareZM
MazFlagSquareZW
MazFlagTA
MazFlagTC
MazFlagTD
MazFlagTF
MazFlagTG
MazFlagTH
MazFlagTJ
MazFlagTK
MazFlagTL
MazFlagTM
MazFlagTN
MazFlagTO
MazFlagTR
MazFlagTT
MazFlagTV
MazFlagTW
MazFlagTZ
MazFlagUA
MazFlagUG
MazFlagUM
MazFlagUS
MazFlagUY
MazFlagUZ
MazFlagVA
MazFlagVC
MazFlagVE
MazFlagVG
MazFlagVI
MazFlagVN
MazFlagVU
MazFlagWF
MazFlagWS
MazFlagXK
MazFlagYE
MazFlagYT
MazFlagZA
MazFlagZM
MazFlagZW
MazFolder
MazFolderArrowDown
MazFolderMinus
MazFolderOpen
MazFolderPlus
MazFork
MazForward
MazFunnel
MazGif
MazGift
MazGiftTop
MazGithub
MazGlobeAlt
MazGlobeAmericas
MazGlobeAsiaAustralia
MazGlobeEuropeAfrica
MazH1
MazH2
MazH3
MazHandRaised
MazHandThumbDown
MazHandThumbUp
MazHashtag
MazHeart
MazHome
MazHomeModern
MazIdentification
MazInbox
MazInboxArrowDown
MazInboxStack
MazInformationCircle
MazItalic
MazKey
MazLanguage
MazLifebuoy
MazLightBulb
MazLinkIcon
MazLinkSlash
MazListBullet
MazLockClosed
MazLockOpen
MazLogoAndroid
MazLogoApple
MazLogoCsv
MazLogoFacebook
MazLogoHtml
MazLogoInstagram
MazLogoJs
MazLogoJson
MazLogoLinkedin
MazLogoMarkdown
MazLogoNpm
MazLogoProperties
MazLogoReact
MazLogoTwitter
MazLogoTxt
MazLogoTypescript
MazLogoVue
MazLogoXliff
MazLogoXls
MazLogoXml
MazMagnifyingGlass
MazMagnifyingGlassCircle
MazMagnifyingGlassMinus
MazMagnifyingGlassPlus
MazMapIcon
MazMapPin
MazMegaphone
MazMicrophone
MazMinus
MazMinusCircle
MazMinusSmall
MazMoon
MazMusicalNote
MazNewspaper
MazNoImage
MazNoSymbol
MazNumberedList
MazPaintBrush
MazPaperAirplane
MazPaperClip
MazPause
MazPauseCircle
MazPencil
MazPencilSquare
MazPercentBadge
MazPhone
MazPhoneArrowDownLeft
MazPhoneArrowUpRight
MazPhoneXMark
MazPhoto
MazPlay
MazPlayCircle
MazPlayPause
MazPlus
MazPlusCircle
MazPlusSmall
MazPower
MazPresentationChartBar
MazPresentationChartLine
MazPrinter
MazPuzzlePiece
MazQrCode
MazQuestionMarkCircle
MazQueueList
MazQuote
MazRadioIcon
MazReceiptPercent
MazReceiptRefund
MazRectangleGroup
MazRectangleStack
MazRocketLaunch
MazRss
MazScale
MazScissors
MazServer
MazServerStack
MazShare
MazShieldCheck
MazShieldExclamation
MazShoppingBag
MazShoppingCart
MazSignal
MazSignalSlash
MazSlash
MazSparkles
MazSpeakerWave
MazSpeakerXMark
MazSquare2Stack
MazSquare3Stack3d
MazSquares2x2
MazSquaresPlus
MazStar
MazStarSolid
MazStop
MazStopCircle
MazStrikethrough
MazSun
MazSwatch
MazTableCells
MazTag
MazTelevision
MazTicket
MazTrash
MazTrophy
MazTruck
MazUnderline
MazUser
MazUserCircle
MazUserGroup
MazUserMinus
MazUserPlus
MazUsers
MazVariable
MazVideoCamera
MazVideoCameraSlash
MazViewColumns
MazViewfinderCircle
MazWallet
MazWifi
MazWindowIcon
MazWrench
MazWrenchScrewdriver
MazXCircle
MazXMark

Props

NameDescriptionTypeRequired
iconThe icon component to render - e.g: import { MazStar } from '@maz-ui/icons'IconComponentNo
srcThe source path of the SVG file - e.g: /icons/home.svgstringNo
pathThe path of the folder where the SVG files are stored - e.g: /iconsstringNo
nameThe name of the SVG file - e.g: homestringNo
sizeThe size of the SVG file - e.g: 1em or can be a predefined size: 'xs' | 'sm' | 'md' | 'lg' | 'xl'MazIconSizeNo
titleThe title of the SVG file - e.g: HomestringNo
transform-sourceThe function to transform the source of the SVG file - e.g: (svg) => svgTSFunctionTypeNo

Events

Event namePropertiesDescription
loadedsvg SVGElement | undefined - the svg element loadedemitted when SVG file is loaded
unloadedemitted when SVG file is not loaded
errorerror Error - the erroremitted when SVG file is not loaded