Add a Top Site

1. Hover the mouse pointer anywhere within the Top Sites section of tiles and click on the three-dot menu that appears in the upper right corner.
2. Click Add Top Site.
3. Type in a title and URL for the site, then click Add.
4. A tile with the first letter from the title will appear in your Top Sites.

https://support.mozilla.org/en-US/kb/customize-new-tab-page

Thank you pallavi kumari but that isn't what I was talking about. When I have Top Sites enabled the firefox logo disappear from the top of the screen. I what it so the firefox logo shows and so does top sites, I have screenshots showing you what i mean.

You only see this Firefox logo when Web Search is the only enabled item in the Firefox Home settings as showing this logo makes less space available for other items.

The entire layout is generated via JavaScript and items that aren't enabled are not in the DOM, so you can't simply enable this logo via CSS display code in userContent.css.

This is simple code for userContent.css to add a logo, but I don't know if you can center this logo and the wordmark text (chrome://branding/content/firefox-wordmark.svg) is another image, so you may have to come up with your own image file.

@-moz-document url(about:newtab), url(about:home){
 .search-wrapper::before {
 content:"";
 background: url("chrome://branding/content/about-logo.png") no-repeat center;
 background-size: 96px;
 display: inline-block;
 height: 96px;
 width: 96px;
 }
}