Customize Logo and Icon

Goals:

  • Change the Logo and Icon (light and dark mode)

Steps

💿 Open your local folder app/assets/img.

There are 4 files there:

  • logo-light.png
  • logo-dark.png
  • icon-light.png
  • icon-dark.png

They're use througout the application with the app/components/brand/Logo.tsx and app/components/brand/Icon.tsx components.

NOTE

If you plan tu support dark mode, it's important to set the logo-dark and icon-dark images.

Logo and Icon Files

💿 Replace them with your logo and icon files.

Visit the logo and icon documentation page to view your changes.

Logo and Icon Docs

I hope this quick guide was useful! Let me know if you have any question.

cookies.titleSmall

cookies.descriptionSmall shared.learnMore.