# Favicon and Meta Tags ### For changing the favicon (the little logo in your browser tab) 1. Navigate to [realfavicongenerator.net](https://realfavicongenerator.net/) and upload your image. 2. In the options set a [custom path](https://user-images.githubusercontent.com/6702424/137597391-1d0d5b26-0f5b-4d8d-8d29-46d874c4f4e0.png): `%PUBLIC_URL%/favicon` 3. insert [the code generated for you](https://user-images.githubusercontent.com/6702424/137597436-4f85641e-16a3-4cb9-8c4f-5fd4baf8effc.png) in the `` of your `public/index.html` file 4. Create the `public/favicon` directory and extract the zip from there. ### Adding Meta Tags 1. Create the public/preview.(png | jpg) image from [this template](https://user-images.githubusercontent.com/6702424/80216211-00ef5280-863e-11ea-81de-59f3a3d4b8e4.png). 2. Consult [this commit ](https://github.com/thieryw/crispy-octo-bassoon/commit/02c52f0477e0348339ac6d4d2b434a6bde2711cc)to view the code to add in the `` of your `public/index.html` file. {% hint style="info" %} You can use [metatags.io](https://metatags.io/) to generate your metatags but you must change the default url they provide to `%PUBLIC_URL%`. {% endhint %} ![Here is an example when I send my example project link via Whatsapp](https://2656780871-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP0LOW1foeotTNnpP02OZ%2Fuploads%2FrTcTqsmAJtIdtD2v1udX%2FScreenshot%202021-10-17%20at%2021.05.07.png?alt=media\&token=9cf530f1-2936-42df-9763-01f6217b421f)