Display
Icon API
# Props
Attribute:
type
Type:
'add-note' | 'add-playlist' | 'add-user' | 'add' | 'airplay' | 'arrow-collapse-in' | 'arrow-collapse' | 'arrow-expand-out' | 'arrow-expand' | 'arrow-left' | 'bookmark' | 'camera' | 'chapters' | 'chat-collapse' | 'chat' | 'chevron-down' | 'chevron-right' | 'chromecast' | 'clip' | 'closed-captions-on' | 'closed-captions' | 'comment' | 'computer' | 'device' | 'download' | 'episodes' | 'eye' | 'fast-backward' | 'fast-forward' | 'flag' | 'fullscreen-arrow-exit' | 'fullscreen-arrow' | 'fullscreen-exit' | 'fullscreen' | 'heart' | 'info' | 'language' | 'link' | 'lock-closed' | 'lock-open' | 'menu-horizontal' | 'menu-vertical' | 'microphone' | 'mobile' | 'moon' | 'music-off' | 'music' | 'mute' | 'next' | 'notification' | 'odometer' | 'pause' | 'picture-in-picture-exit' | 'picture-in-picture' | 'play' | 'playback-speed-circle' | 'playlist' | 'previous' | 'question-mark' | 'queue-list' | 'radio-button-selected' | 'radio-button' | 'repeat-on' | 'repeat-square-on' | 'repeat-square' | 'repeat' | 'replay' | 'rotate' | 'search' | 'seek-backward-10' | 'seek-backward-15' | 'seek-backward-30' | 'seek-backward' | 'seek-forward-10' | 'seek-forward-15' | 'seek-forward-30' | 'seek-forward' | 'send' | 'settings-menu' | 'settings-switch' | 'settings' | 'share-arrow' | 'share' | 'shuffle-on' | 'shuffle' | 'stop' | 'subtitles' | 'sun' | 'theatre-mode-exit' | 'theatre-mode' | 'thumbs-down' | 'thumbs-up' | 'timer' | 'transcript' | 'tv' | 'user' | 'volume-high' | 'volume-low' | 'x-mark'
The type of icon. You can find a complete and searchable list on our website - see our
[media icons catalog](https://vidstack.io/media-icons).
# Instance Props
Type:
'add-note' | 'add-playlist' | 'add-user' | 'add' | 'airplay' | 'arrow-collapse-in' | 'arrow-collapse' | 'arrow-expand-out' | 'arrow-expand' | 'arrow-left' | 'bookmark' | 'camera' | 'chapters' | 'chat-collapse' | 'chat' | 'chevron-down' | 'chevron-right' | 'chromecast' | 'clip' | 'closed-captions-on' | 'closed-captions' | 'comment' | 'computer' | 'device' | 'download' | 'episodes' | 'eye' | 'fast-backward' | 'fast-forward' | 'flag' | 'fullscreen-arrow-exit' | 'fullscreen-arrow' | 'fullscreen-exit' | 'fullscreen' | 'heart' | 'info' | 'language' | 'link' | 'lock-closed' | 'lock-open' | 'menu-horizontal' | 'menu-vertical' | 'microphone' | 'mobile' | 'moon' | 'music-off' | 'music' | 'mute' | 'next' | 'notification' | 'odometer' | 'pause' | 'picture-in-picture-exit' | 'picture-in-picture' | 'play' | 'playback-speed-circle' | 'playlist' | 'previous' | 'question-mark' | 'queue-list' | 'radio-button-selected' | 'radio-button' | 'repeat-on' | 'repeat-square-on' | 'repeat-square' | 'repeat' | 'replay' | 'rotate' | 'search' | 'seek-backward-10' | 'seek-backward-15' | 'seek-backward-30' | 'seek-backward' | 'seek-forward-10' | 'seek-forward-15' | 'seek-forward-30' | 'seek-forward' | 'send' | 'settings-menu' | 'settings-switch' | 'settings' | 'share-arrow' | 'share' | 'shuffle-on' | 'shuffle' | 'stop' | 'subtitles' | 'sun' | 'theatre-mode-exit' | 'theatre-mode' | 'thumbs-down' | 'thumbs-up' | 'timer' | 'transcript' | 'tv' | 'user' | 'volume-high' | 'volume-low' | 'x-mark'
The type of icon. You can find a complete and searchable list on our website - see our
[media icons catalog](https://vidstack.io/media-icons).