Custom Logo for mastodon instance


Im trying to change the logo of my mastodon instance but there are no option to do it. so can someone provide css code or how to do it
There are multiple places where it can be applied Like Landing Page , profile page, PWA and dashboard

.landing-page__forms .brand {
     background: transparent url( no-repeat top/60% auto !important;

.landing-page .brand img {
    display: none

im using this css but the issue is it got resize and became very small logo



I want preview somthing like this


did you find a solution on this?


Yes i did but not through css
You have to find them in the image directory. right click - find the name and search the github folder for the directory then replace and return precompile assets.
This method provided by the admin of


Perfect, thanks will be usefull


You can contact him. he is super awesome. Although im not sure he is He or She:stuck_out_tongue:


need some photoshop skills to do the logo first, and then try it :slight_smile:


download there press kit from so you dont have to make elephant and other stuff


Thanks @vibhigupta good tips