Geradores de Favicon e Touch Icons – 2020
Tags: design, appleicon, favicon, icon
Published: 2020-08-03 19:27:41

---
title: Geradores de Favicon e Touch Icons – 2020
published: true
date: 2020-08-02 02:57:46 UTC
tags: Design,appleicon,favicon,icon
canonical_url: https://marquesfernandes.com/geradores-de-favicon-e-touch-icons-2020/
---

[**Favicon** ,](https://marquesfernandes.com/tudo-sobre-favicons-e-touch-icons/)**[“Favourite Icon”](https://marquesfernandes.com/tudo-sobre-favicons-e-touch-icons/) **<sup>(Ícone Favorito)</sup>, é uma imagem utilizada pelos navegadores para representar graficamente uma página na internet. Atualmente os navegadores aceitam diversos tipos e tamanhos de favicons diferentes, cada um otimizado para um dispositivo. Gerar e redimensionar esses ícones pode ser um trabalho chato mas, não se preocupe, existem ferramentas que facilitam todo esse processo. Separei uma lista com as melhores ferramentas para se ajudar a gerar todos os ícones possíveis, e também configurar opções como a cor de fundo em dispositivos mobile.

## 1. [Favicon.io](https://favicon.io/)

[![Favicon.io](https://marquesfernandes.com/wp-content/uploads/2020/08/image-2-1024x487.png)](https://favicon.io/)<figcaption><a href="https://favicon.io/" target="_blank" aria-label="undefined (opens in a new tab)" rel="noreferrer noopener">https://favicon.io/</a></figcaption>

[Favicon.io](https://favicon.io/) permite a criação de favicons a partir de imagens, texto e emojis. Gerando todos os formatos possíveis para as mais diversas plataformas.

## 2. [Favicon Generator](https://www.favicon-generator.org/)

[![Favicon Generator](https://marquesfernandes.com/wp-content/uploads/2020/08/image-3-1024x487.png)](https://www.favicon-generator.org/)<figcaption><a href="https://www.favicon-generator.org/" target="_blank" aria-label="undefined (opens in a new tab)" rel="noreferrer noopener">https://www.favicon-generator.org/</a></figcaption>

O [Favicon Generator](https://www.favicon-generator.org/) possui uma interface bem simples, ele gera os favicons para todas as plataformas e permite a customização de cor de tema mobile. Simples e eficiente.

## 3. [Real Favicon Generator](https://realfavicongenerator.net/)

[![Real Favicon Generator](https://marquesfernandes.com/wp-content/uploads/2020/08/image-4-1024x487.png)](https://realfavicongenerator.net/)<figcaption><a href="https://realfavicongenerator.net/" target="_blank" aria-label="undefined (opens in a new tab)" rel="noreferrer noopener">https://realfavicongenerator.net/</a></figcaption>

[Real Favicon](https://realfavicongenerator.net/) é um gerador simples, não permite muitas customizações mas cumpre o seu trabalho. Possui também versões offline, feitas nas linguagem de programação populares.

## 4. [Favic-o-matic](https://favicomatic.com/)

[![Favic-o-matic](https://marquesfernandes.com/wp-content/uploads/2020/08/image-5-1024x487.jpg)](https://realfavicongenerator.net/)<figcaption><a href="https://favicomatic.com/" target="_blank" aria-label="undefined (opens in a new tab)" rel="noreferrer noopener">https://favicomatic.com/</a></figcaption>

[Favic-o-matic](https://favicomatic.com/) permite uma ampla customização da geração do favicon.

O post [Geradores de Favicon e Touch Icons – 2020](https://marquesfernandes.com/geradores-de-favicon-e-touch-icons-2020/) apareceu primeiro em [Henrique Marques Fernandes](https://marquesfernandes.com).