OBS Discord Icon Appearance Change Generator

Generator to create custom CSS for displaying members on a Discord call in OBS Studio, such as horizontal alignment or square icons

Tool for changing from icon to picture / Tool for changing the appearance of the text channel

1. Appearance settings

  • Icon alignment
  • Icon shape
  • Icon size
  • Movement
  • color
  • Name
  • Look of the name
  • Background color
  • Position (top and bottom)
  • Position (left and right)
  • Hide particular user

2. Check preview

  • User (click to switch)
  • User
  • User (always talking)
  • User (always talking)
  • User
  • User
  • User
  • User
  • User

3. Copy CSS

4. Paste OBS

To apply custom CSS to OBS, please refer to the following instructions.