🔮 Sanity Create is here. Writing is reinvented. Try now, no developer setup

Adding a logo for the Sanity studio and resolving issues with it.

9 replies
Last updated: Sep 15, 2023
How do I add a logo for my sanity studio?
Sep 15, 2023, 5:02 PM
I believe studio.components.logo in your sanity.config.ts file lets you do this.
Sep 15, 2023, 5:05 PM
It seems like it doesn't want to change
Sep 15, 2023, 5:18 PM
Sorry, but I can’t tell much from that. Is that in your Studio or your login page? How have you configured your config file?
Sep 15, 2023, 5:23 PM
logo
will probably need to point at a component that exports an image.
Sep 15, 2023, 5:25 PM
Its the login form. I am doing that but nothing is changing
Sep 15, 2023, 5:36 PM
For the login page icon, please try using
icon
at the top level of
defineConfig()
in your config file: E.g.,

// sanity.config.tsx

const Logo = () => (
  // <svg>...</svg>
);

// ...

export default defineConfig({
  name: 'My Project',
  icon: Logo,
  // ...
});
Sep 15, 2023, 5:36 PM
Nothing wants to change it
Sep 15, 2023, 5:50 PM
I just tested
icon
and it worked, albeit after a refresh or two. If you can give some more details about what you’re trying, we can try to help you further.
Sep 15, 2023, 6:00 PM
Must be a caching issue or something cause now it works when I changed nothing
Sep 15, 2023, 6:40 PM

Sanity– build remarkable experiences at scale

Sanity is a modern headless CMS that treats content as data to power your digital business. Free to get started, and pay-as-you-go on all plans.

Was this answer helpful?