Skip to content

图标 Icon

Pixelium Design 组件库使用了来自以下图标库的像素风图标:

  • @hackernoon/pixel-icon-library:该图标库提供了 400+ 矢量像素风格图标,包含了 SVG、字体图标、PNG 多种导出格式。许可证基于 CC BY 4.0 International 协议。
  • pixelarticons 的开源版本:它是一款采用单色调线条设计、兼具复古像素美学的极简图标库。该图标库,包含了 SVG、字体图标 的导出格式。开源版本许可证采用了 MIT 协议。

导入

组件库已经将其预处理为基于 SVG 的 Vue 组件,并且支持基于 ESModule 的 Tree Shaking 优化,只有用到的图标才会被打包,这也是优于导入所有资源的字体图标的使用方式。

你可以通过从组件库的 @pixelium/web-vue/icon-hn/es@pixelium/web-vue/icon-pa/es 中导入它们。

和组件库导入类似:

样式文件也会被自动导入,请确保你的构建工具支持在 JS 文件中导入样式。

  • Vite:默认支持;
  • Webpack:通常需要借助 css-loader 和 style-loader;
  • Rollup:通常需要借助 rollup-plugin-postcss 和 postcss;
  • 其他构建工具请参考它们的文档。

请确保项目 Typescript4.7 版本以上,避免类型解析异常。

举个例子:

ts
import { IconUser, IconMessage } from '@pixelium/web-vue/icon-hn/es'
ts
import { IconUser, IconMessage } from '@pixelium/web-vue/icon-pa/es'

这里也提供了完整导入的注册方式,注册后,可以以 <hn-icon-user><hn-icon-message><pa-icon-user><pa-icon-message> 这样子的方式使用它们。举个例子:

ts
import { createApp } from 'vue'
import App from './App.vue'

import HnIcon from '@pixelium/web-vue/icon-hn'
import '@pixelium/web-vue/dist/pixelium-vue-icon-hn.css'

import PaIcon from '@pixelium/web-vue/icon-pa'
import '@pixelium/web-vue/dist/pixelium-vue-icon-pa.css'

createApp(App)
  .use(HnIcon)
  .use(PaIcon)
  .mount('#app')

基础使用

就像普通 Vue 组件一样使用它。图标尺寸依赖 font-size 样式,颜色依赖 color 样式。另外,sizecolor 这两个属性也可以用于设置图标的尺寸和颜色。

<template>
	<px-space>
		<IconUser :size="40"></IconUser>
		<IconUser :size="32"></IconUser>
		<IconUser :size="24"></IconUser>
		<IconUser style="font-size: 24px"></IconUser>
		<IconUser style="font-size: 32px"></IconUser>
		<IconUser style="font-size: 40px"></IconUser>
	</px-space>
	<px-space style="margin-top: 8px">
		<IconMessage color="rgba(0, 168, 145, 1)"></IconMessage>
		<IconMessage color="rgba(0, 180, 42, 1)"></IconMessage>
		<IconMessage color="rgba(255, 125, 0, 1)"></IconMessage>
		<IconMessage style="color: rgba(255, 125, 0, 1)"></IconMessage>
		<IconMessage style="color: rgba(0, 180, 42, 1)"></IconMessage>
		<IconMessage style="color: rgba(0, 168, 145, 1)"></IconMessage>
	</px-space>
</template>
<script setup lang="ts">
import { IconUser, IconMessage } from '@pixelium/web-vue/icon-hn/es'
</script>

图标增强

结合 Icon 组件使用,解锁更多用法:

Size:
Color:
Rotate:
Flip:
Spin:
<template>
	<px-space size="large">
		Size:
		<px-space>
			<px-icon v-for="(icon, i) in icons" :key="icon.name + 'size'" :size="sizes[i]">
				<component :is="icon.comp" />
			</px-icon>
		</px-space>
		Color:
		<px-space>
			<px-icon v-for="(icon, i) in icons" :key="icon.name + 'color'" :color="colors[i]">
				<component :is="icon.comp" />
			</px-icon>
		</px-space>
		Rotate:
		<px-space>
			<px-icon v-for="(icon, i) in icons" :key="icon.name + 'rotate'" :rotate="rotates[i]">
				<component :is="icon.comp" />
			</px-icon>
		</px-space>
		Flip:
		<px-space>
			<px-icon v-for="(icon, i) in icons" :key="icon.name + 'flip'" :flip="flips[i]">
				<component :is="icon.comp" />
			</px-icon>
		</px-space>
		Spin:
		<px-space>
			<px-icon v-for="icon in icons" :key="icon.name + 'spin'" spin>
				<component :is="icon.comp" />
			</px-icon>
		</px-space>
	</px-space>
</template>

<script setup lang="ts">
import { IconUser, IconMessage, IconMinds, IconGaming } from '@pixelium/web-vue/icon-hn/es'

const icons = [
	{ name: 'User', comp: IconUser },
	{ name: 'Message', comp: IconMessage },
	{ name: 'Minds', comp: IconMinds },
	{ name: 'Gaming', comp: IconGaming }
]

const sizes = [12, 16, 20, 24]
const colors = ['#A3F9B7', '#D2045C', '#77AAFF', '#FFB347']
const rotates = [45, 90, 180, 270]
const flips = ['none', 'horizontal', 'vertical', 'both']
</script>

API

IconsProps

属性类型可选默认值描述版本
sizenumber图标尺寸。0.0.0-beta
colorstring图标颜色。0.0.0-beta

IconProps

属性类型可选默认值描述版本
sizenumber | string'1em'图标尺寸。0.0.0-beta
colorstring'currentColor'图标颜色。0.0.0-beta
rotatenumber0旋转角度(顺时针)。0.0.0-beta
spinbooleanfalse开启旋转动画。0.0.0-beta
flip'horizontal' | 'vertical' | 'both' | 'none''none'镜像翻转。0.0.0-beta

IconSlots

插槽参数描述版本
default传入的图标。0.0.0-beta

图标预览 @hackernoon/pixel-icon-library

Regular

IconAd
IconAlignCenter
IconAlignJustify
IconAlignLeft
IconAlignRight
IconAnalytics
IconAngleDown
IconAngleLeft
IconAngleRight
IconAngleUp
IconArrowAltCircleDown
IconArrowAltCircleLeft
IconArrowAltCircleRight
IconArrowAltCircleUp
IconArrowCircleDown
IconArrowCircleLeft
IconArrowCircleRight
IconArrowCircleUp
IconArrowDown
IconArrowLeft
IconArrowRight
IconArrowUp
IconAt
IconBadgeCheck
IconBank
IconBars
IconBell
IconBellExclaimation
IconBellMute
IconBold
IconBolt
IconBookHeart
IconBookmark
IconBoxUsd
IconBrightnessHigh
IconBrightnessLow
IconBulletList
IconBullhorn
IconCalender
IconCc
IconChartLine
IconChartNetwork
IconCheck
IconCheckBox
IconCheckCircle
IconCheckList
IconChevronDown
IconChevronUp
IconCircleNotch
IconClipboard
IconClock
IconCloudDownloadAlt
IconCloudUpload
IconCode
IconCodeBlock
IconCog
IconComment
IconCommentDots
IconCommentQuote
IconComments
IconCopy
IconCreditCard
IconCrown
IconDivider
IconDownload
IconDownloadAlt
IconEdit
IconEllipsesHorizontal
IconEllipsesHorizontalCircle
IconEllipsesVertical
IconEllipsesVerticalCircle
IconEnvelope
IconExclaimation
IconExclamationTriangle
IconExpand
IconExternalLink
IconEye
IconEyeCross
IconFaceThinking
IconFileImport
IconFilter
IconFilterAltCircle
IconFire
IconFlag
IconFlagCheckered
IconFolder
IconFolderOpen
IconGlobe
IconGlobeAmericas
IconGrid
IconH1
IconH2
IconH3
IconHeadphones
IconHeart
IconHighlight
IconHockeyMask
IconHome
IconImage
IconIndent
IconInfoCircle
IconItalics
IconLightbulb
IconLineHeight
IconLink
IconLocationPin
IconLock
IconLockAlt
IconLockOpen
IconLogin
IconLogout
IconMessage
IconMessageDots
IconMinus
IconMoon
IconMusic
IconNewspaper
IconNumberedList
IconOctagonCheck
IconOctagonTimes
IconOutdent
IconPageBreak
IconPaperclip
IconParagraph
IconPause
IconPen
IconPenNib
IconPencil
IconPencilRuler
IconPeopleCarry
IconPhoneRingingHigh
IconPhoneRingingLow
IconPlane
IconPlaneDeparture
IconPlay
IconPlaylist
IconPlus
IconPrint
IconPro
IconQuestion
IconQuoteLeft
IconQuoteRight
IconReceipt
IconRefresh
IconRetroCamera
IconRobot
IconSave
IconSearch
IconSeedlings
IconShare
IconShop
IconShoppingCart
IconShuffle
IconSort
IconSoundMute
IconSoundOn
IconSparkles
IconSpinner
IconSpinnerThird
IconStar
IconStarCrescent
IconStrikeThrough
IconSun
IconTable
IconTag
IconTextSlash
IconThemes
IconThumbsdown
IconThumbsup
IconThumbtack
IconTimes
IconTimesCircle
IconTranslate
IconTrash
IconTrashAlt
IconTrending
IconTrophy
IconUnderline
IconUnlock
IconUnlockAlt
IconUpload
IconUploadAlt
IconUser
IconUserCheck
IconUserHeadset
IconUsers
IconUsersCrown
IconVoteYeah
IconWallet
IconWindowClose

Solid

IconAdSolid
IconAlignCenterSolid
IconAlignJustifySolid
IconAlignLeftSolid
IconAlignRightSolid
IconAnalyticsSolid
IconAngleDownSolid
IconAngleLeftSolid
IconAngleRightSolid
IconAngleUpSolid
IconArrowAltCircleDownSolid
IconArrowAltCircleLeftSolid
IconArrowAltCircleRightSolid
IconArrowAltCircleUpSolid
IconArrowCircleDownSolid
IconArrowCircleLeftSolid
IconArrowCircleRightSolid
IconArrowCircleUpSolid
IconArrowDownSolid
IconArrowLeftSolid
IconArrowRightSolid
IconArrowUpSolid
IconAtSolid
IconBadgeCheckSolid
IconBankSolid
IconBarsSolid
IconBellExclaimationSolid
IconBellMuteSolid
IconBellSolid
IconBoldSolid
IconBoltSolid
IconBookHeartSolid
IconBookmarkSolid
IconBoxUsdSolid
IconBrightnessHighSolid
IconBrightnessLowSolid
IconBulletListSolid
IconBullhornSolid
IconCalenderSolid
IconCcSolid
IconChartLineSolid
IconChartNetworkSolid
IconCheckBoxSolid
IconCheckCircleSolid
IconCheckListSolid
IconCheckSolid
IconChevronDownSolid
IconChevronUpSolid
IconCircleNotchSolid
IconClipboardSolid
IconClockSolid
IconCloudDownloadSolid
IconCloudUploadSolid
IconCodeBlockSolid
IconCodeSolid
IconCogSolid
IconCommentDotsSolid
IconCommentQuoteSolid
IconCommentSolid
IconCommentsSolid
IconCopySolid
IconCreditCardSolid
IconCrownSolid
IconDividerSolid
IconDownloadAltSolid
IconDownloadSolid
IconEditSolid
IconEllipsesHorizontalCircleSolid
IconEllipsesHorizontalSolid
IconEllipsesVerticalCircleSolid
IconEllipsesVerticalSolid
IconEnvelopeSolid
IconExclaimationSolid
IconExclamationTriangleSolid
IconExpandSolid
IconExternalLinkSolid
IconEyeCrossSolid
IconEyeSolid
IconFaceThinkingSolid
IconFileImportSolid
IconFilterAltCircleSolid
IconFilterSolid
IconFireSolid
IconFlagCheckeredSolid
IconFlagSolid
IconFolderOpenSolid
IconFolderSolid
IconGlobeAmericasSolid
IconGlobeSolid
IconGridSolid
IconHeading1Solid
IconHeading2Solid
IconHeading3Solid
IconHeadphonesSolid
IconHeartSolid
IconHighlightSolid
IconHockeyMaskSolid
IconHomeSolid
IconImageSolid
IconIndentSolid
IconInfoCircleSolid
IconItalicsSolid
IconLightbulbSolid
IconLineHeightSolid
IconLinkSolid
IconLocationPinSolid
IconLockAltSolid
IconLockOpenSolid
IconLockSolid
IconLoginSolid
IconLogoutSolid
IconMessageDotsSolid
IconMessageSolid
IconMinusSolid
IconMoonSolid
IconMusicSolid
IconNewspaperSolid
IconNumberedListSolid
IconOctagonCheckSolid
IconOctagonTimesSolid
IconOutdentSolid
IconPageBreakSolid
IconPaperclipSolid
IconParagraphSolid
IconPauseSolid
IconPenNibSolid
IconPenSolid
IconPencilRulerSolid
IconPencilSolid
IconPeopleCarrySolid
IconPhoneRingingHighSolid
IconPhoneRingingLowSolid
IconPlaneDepartureSolid
IconPlaneSolid
IconPlaySolid
IconPlaylistSolid
IconPlusSolid
IconPrintSolid
IconProSolid
IconQuestionSolid
IconQuoteLeftSolid
IconQuoteRightSolid
IconReceiptSolid
IconRefreshSolid
IconRetroCameraSolid
IconRobotSolid
IconSaveSolid
IconSearchSolid
IconSeedlingsSolid
IconShareSolid
IconShopSolid
IconShoppingCartSolid
IconShuffleSolid
IconSortSolid
IconSoundMuteSolid
IconSoundOnSolid
IconSparklesSolid
IconSpinnerSolid
IconSpinnerThirdSolid
IconStarCrescentSolid
IconStarSolid
IconStrikeThroughSolid
IconSunSolid
IconTableSolid
IconTagSolid
IconTextSlashSolid
IconThemesSolid
IconThumbsdownSolid
IconThumbsupSolid
IconThumbtackSolid
IconTimesCircleSolid
IconTimesSolid
IconTranslateSolid
IconTrashAltSolid
IconTrashSolid
IconTrendingSolid
IconTrophySolid
IconUnderlineSolid
IconUnlockAltSolid
IconUnlockSolid
IconUploadAltSolid
IconUploadSolid
IconUserCheckSolid
IconUserHeadsetSolid
IconUserSolid
IconUsersCrownSolid
IconUsersSolid
IconVoteYeahSolid
IconWalletSolid
IconWindowCloseSolid

Brands

IconAndroid
IconAngellist
IconApple
IconArweave
IconBehance
IconBloomberg
IconBluesky
IconCrunchbase
IconDigg
IconDiscord
IconDiscourse
IconFacebookRound
IconFacebookSquare
IconFigma
IconGiphy
IconGithub
IconGolden
IconGoogle
IconGoogleNews
IconHackernoon
IconHuggingface
IconImgur
IconInstagram
IconIos
IconKaggle
IconLinkedin
IconMastodon
IconMinds
IconNewsbreak
IconNpm
IconOpenAi
IconPinterest
IconPodcasts
IconProductHunt
IconReddit
IconRss
IconSia
IconSteam
IconThreads
IconTiktok
IconTwitch
IconTwitter
IconUnsplash
IconViewblocks
IconWikipedia
IconX
IconYoutube

Purcats

IconBusiness
IconCloud
IconCybersecurity
IconDataScience
IconFinance
IconFuturism
IconGaming
IconHackernoonPurcat
IconLifeHacking
IconMachineLearning
IconManagement
IconMedia
IconProductManagement
IconProgramming
IconRemote
IconScience
IconSociety
IconStartups
IconTechCompanies
IconTechStories
IconTechnology
IconWeb3
IconWriting

图标预览 pixelarticons

Icon4G
Icon4K
Icon4KBox
Icon5G
IconAbTesting
IconAc
IconAddBox
IconAddBoxMultiple
IconAddCol
IconAddGrid
IconAddRow
IconAlert
IconAlignCenter
IconAlignJustify
IconAlignLeft
IconAlignRight
IconAnalytics
IconAnchor
IconAndroid
IconAnimation
IconArchive
IconArrowBarDown
IconArrowBarLeft
IconArrowBarRight
IconArrowBarUp
IconArrowDown
IconArrowDownBox
IconArrowLeft
IconArrowLeftBox
IconArrowRight
IconArrowRightBox
IconArrowUp
IconArrowUpBox
IconArrowsHorizontal
IconArrowsVertical
IconArtText
IconArticle
IconArticleMultiple
IconAspectRatio
IconAt
IconAttachment
IconAudioDevice
IconAvatar
IconBackburger
IconBattery
IconBattery1
IconBattery2
IconBatteryCharging
IconBatteryFull
IconBed
IconBitcoin
IconBluetooth
IconBook
IconBookOpen
IconBookmark
IconBookmarks
IconBriefcase
IconBriefcaseAccount
IconBriefcaseCheck
IconBriefcaseDelete
IconBriefcaseDownload
IconBriefcaseMinus
IconBriefcasePlus
IconBriefcaseSearch
IconBriefcaseSearch1
IconBriefcaseUpload
IconBug
IconBuilding
IconBuildingCommunity
IconBuildingSkyscraper
IconBuildings
IconBulletlist
IconBullseye
IconBullseyeArrow
IconBus
IconCake
IconCalculator
IconCalendar
IconCalendarAlert
IconCalendarArrowLeft
IconCalendarArrowRight
IconCalendarCheck
IconCalendarExport
IconCalendarGrid
IconCalendarImport
IconCalendarMinus
IconCalendarMonth
IconCalendarMultiple
IconCalendarMultipleCheck
IconCalendarPlus
IconCalendarRange
IconCalendarRemove
IconCalendarSearch
IconCalendarSortAscending
IconCalendarSortDescending
IconCalendarText
IconCalendarToday
IconCalendarTomorrow
IconCalendarWeek
IconCalendarWeekBegin
IconCalendarWeekend
IconCamera
IconCameraAdd
IconCameraAlt
IconCameraFace
IconCar
IconCard
IconCardId
IconCardPlus
IconCardStack
IconCardText
IconCart
IconCast
IconCellularSignal0
IconCellularSignal1
IconCellularSignal2
IconCellularSignal3
IconCellularSignalOff
IconChart
IconChartAdd
IconChartBar
IconChartDelete
IconChartMinus
IconChartMultiple
IconChat
IconCheck
IconCheckDouble
IconCheckbox
IconCheckboxOn
IconChecklist
IconChess
IconChevronDown
IconChevronLeft
IconChevronRight
IconChevronUp
IconChevronsHorizontal
IconChevronsVertical
IconCircle
IconClipboard
IconClock
IconClose
IconCloseBox
IconCloud
IconCloudDone
IconCloudDownload
IconCloudMoon
IconCloudSun
IconCloudUpload
IconCocktail
IconCode
IconCoffee
IconCoffeeAlt
IconCoin
IconCollapse
IconColorsSwatch
IconCommand
IconComment
IconContact
IconContactDelete
IconContactMultiple
IconContactPlus
IconCopy
IconCornerDownLeft
IconCornerDownRight
IconCornerLeftDown
IconCornerLeftUp
IconCornerRightDown
IconCornerRightUp
IconCornerUpLeft
IconCornerUpRight
IconCreditCard
IconCreditCardDelete
IconCreditCardMinus
IconCreditCardMultiple
IconCreditCardPlus
IconCreditCardSettings
IconCreditCardWireless
IconCrop
IconCut
IconDashboard
IconDebug
IconDebugCheck
IconDebugOff
IconDebugPause
IconDebugPlay
IconDebugStop
IconDelete
IconDeskphone
IconDeviceLaptop
IconDevicePhone
IconDeviceTablet
IconDeviceTv
IconDeviceTvSmart
IconDeviceVibrate
IconDeviceWatch
IconDevices
IconDice
IconDollar
IconDownasaur
IconDownload
IconDraft
IconDragAndDrop
IconDrop
IconDropArea
IconDropFull
IconDropHalf
IconDuplicate
IconDuplicateAlt
IconEdit
IconEditBox
IconEuro
IconExpand
IconExternalLink
IconEye
IconEyeClosed
IconFile
IconFileAlt
IconFileDelete
IconFileFlash
IconFileMinus
IconFileMultiple
IconFileOff
IconFilePlus
IconFill
IconFillHalf
IconFlag
IconFlatten
IconFlipToBack
IconFlipToFront
IconFloatCenter
IconFloatLeft
IconFloatRight
IconFolder
IconFolderMinus
IconFolderPlus
IconFolderX
IconForward
IconForwardburger
IconFrame
IconFrameAdd
IconFrameCheck
IconFrameDelete
IconFrameMinus
IconGamepad
IconGif
IconGift
IconGitBranch
IconGitCommit
IconGitMerge
IconGitPullRequest
IconGithub
IconGithub2
IconGps
IconGrid
IconGroup
IconHd
IconHeadphone
IconHeadset
IconHeart
IconHidden
IconHome
IconHourglass
IconHq
IconHuman
IconHumanHandsdown
IconHumanHandsup
IconHumanHeight
IconHumanHeightAlt
IconHumanRun
IconImage
IconImageArrowRight
IconImageBroken
IconImageDelete
IconImageFlash
IconImageFrame
IconImageGallery
IconImageMultiple
IconImageNew
IconImagePlus
IconInbox
IconInboxAll
IconInboxFull
IconInfoBox
IconInvert
IconIso
IconKanban
IconKeyboard
IconLabel
IconLabelAlt
IconLabelAltMultiple
IconLabelSharp
IconLayout
IconLayoutAlignBottom
IconLayoutAlignLeft
IconLayoutAlignRight
IconLayoutAlignTop
IconLayoutColumns
IconLayoutDistributeHorizontal
IconLayoutDistributeVertical
IconLayoutFooter
IconLayoutHeader
IconLayoutRows
IconLayoutSidebarLeft
IconLayoutSidebarRight
IconLightbulb
IconLightbulb2
IconLightbulbOn
IconLink
IconList
IconListBox
IconLoader
IconLock
IconLockOpen
IconLogin
IconLogout
IconLuggage
IconMail
IconMailArrowRight
IconMailCheck
IconMailDelete
IconMailFlash
IconMailMultiple
IconMailOff
IconMailUnread
IconMap
IconMastodon
IconMembercard
IconMenu
IconMessage
IconMessageArrowLeft
IconMessageArrowRight
IconMessageBookmark
IconMessageClock
IconMessageDelete
IconMessageFlash
IconMessageImage
IconMessageMinus
IconMessagePlus
IconMessageProcessing
IconMessageReply
IconMessageText
IconMinus
IconMissedCall
IconModem
IconMoney
IconMonitor
IconMoodHappy
IconMoodNeutral
IconMoodSad
IconMoon
IconMoonStar
IconMoonStars
IconMoreHorizontal
IconMoreVertical
IconMouse
IconMove
IconMovie
IconMusic
IconNext
IconNote
IconNoteDelete
IconNoteMultiple
IconNotePlus
IconNotes
IconNotesDelete
IconNotesMultiple
IconNotesPlus
IconNotification
IconNotificationOff
IconOpen
IconPaintBucket
IconPaperclip
IconPause
IconPercent
IconPictureInPicture
IconPictureInPictureAlt
IconPin
IconPixelarticons
IconPlay
IconPlaylist
IconPlus
IconPower
IconPrev
IconPrint
IconRadioHandheld
IconRadioOn
IconRadioSignal
IconRadioTower
IconReciept
IconRecieptAlt
IconRedo
IconReload
IconRemoveBox
IconRemoveBoxMultiple
IconRepeat
IconReply
IconReplyAll
IconRoundedCorner
IconSave
IconScale
IconScript
IconScriptText
IconScrollHorizontal
IconScrollVertical
IconSd
IconSearch
IconSection
IconSectionCopy
IconSectionMinus
IconSectionPlus
IconSectionX
IconServer
IconSharpCorner
IconShield
IconShieldOff
IconShip
IconShoppingBag
IconShuffle
IconSliders
IconSliders2
IconSort
IconSortAlphabetic
IconSortNumeric
IconSpeaker
IconSpeedFast
IconSpeedMedium
IconSpeedSlow
IconSpotlight
IconStore
IconSubscriptions
IconSubtitles
IconSuitcase
IconSun
IconSunAlt
IconSwitch
IconSync
IconTab
IconTable
IconTea
IconTeach
IconTextAdd
IconTextColums
IconTextSearch
IconTextWrap
IconTimeline
IconToggleLeft
IconToggleRight
IconTournament
IconTrackChanges
IconTrash
IconTrashAlt
IconTrending
IconTrendingDown
IconTrendingUp
IconTrophy
IconTruck
IconUndo
IconUngroup
IconUnlink
IconUpload
IconUser
IconUserMinus
IconUserPlus
IconUserX
IconUsers
IconVideo
IconVideoOff
IconViewCol
IconViewList
IconViewportNarrow
IconViewportWide
IconVisible
IconVolume
IconVolume1
IconVolume2
IconVolume3
IconVolumeMinus
IconVolumePlus
IconVolumeVibrate
IconVolumeX
IconWallet
IconWarningBox
IconWind
IconZap
IconZoomIn
IconZoomOut