currentColor, so they take the color of the surrounding text. size sets width and height in px; any other SVG attribute is passed through. iconNames exports the full list, and IconName is the TypeScript union.
Available icons
Navigation and actionschevron-left chevron-right chevron-up chevron-down arrow-left arrow-right close check plus minus menu search filter more-horizontal more-vertical refresh maximize minimize external-link link log-out
Objects and content
home settings sliders user users bell image camera video mic book bookmark bookmark-filled folder file calendar clock mail phone message send globe map-pin tag flag grid list copy clipboard save edit trash share download upload lock unlock eye eye-off shield zap wifi sun moon volume volume-off play pause
Status and feedback
info alert check-circle x-circle plus-circle minus-circle heart heart-filled star star-filled thumbs-up thumbs-down trending-up
Commerce and payments
shopping-cart shopping-bag credit-card wallet coins visa mastercard paypal stripe
Crypto
bitcoin ethereum solana usdc binance
Brands and social
apple google github x-twitter linkedin instagram youtube discord telegram
The native header (
setHeader, NativeHeader) uses Ionicons names such as share-outline, not these names. NativeHeader maps common ones to this set when it falls back to the in-page header.