Custom icons for the DeviceSelector component.
All icons in the DeviceSelector can be replaced with custom React nodes. This allows using different icon libraries or custom SVGs.
import { FaCamera, FaMicrophone, FaVolumeUp } from 'react-icons/fa';const customIcons: Partial<DeviceSelectorIcons> = { camera: <FaCamera />, microphone: <FaMicrophone />, speaker: <FaVolumeUp />,};<DeviceSelector icons={customIcons} /> Copy
import { FaCamera, FaMicrophone, FaVolumeUp } from 'react-icons/fa';const customIcons: Partial<DeviceSelectorIcons> = { camera: <FaCamera />, microphone: <FaMicrophone />, speaker: <FaVolumeUp />,};<DeviceSelector icons={customIcons} />
Icon for the camera/video input selector
Icon for the microphone/audio input selector
Icon for the refresh devices button
Icon for the speaker/audio output selector
Icon for the test audio button
Custom icons for the DeviceSelector component.
Remarks
All icons in the DeviceSelector can be replaced with custom React nodes. This allows using different icon libraries or custom SVGs.
Example