Generator favicon
- Pliki nie opuszczają urządzenia
- Działa w przeglądarce
- Za darmo, bez konta, bez znaku wodnego
Artwork
Preview
Actual pixels
Zoomed 16 px
Home screen
Files
- Rendering icons…
Paste into <head>
Upload the files to your site, then add these tags.
Jak używać: Generator favicon
Zrób favicon bez narzędzia do projektowania: wpisz kilka liter, wybierz emoji albo ikonę z ośmiu kolekcji open source, a potem ustaw tło i kształt. Dostajesz pełny pakiet (ICO, PNG, SVG, ikony Apple i Android, manifest) zbudowany w przeglądarce.
- 1
W Grafice wybierz Litery, Emoji albo Ikonę.
- 2
Wpisz od jednej do trzech liter i wybierz Czcionkę oraz Grubość, wpisz lub wybierz emoji (Przeglądaj wszystkie emoji otwiera pełną listę) albo wyszukaj ikonę, na przykład rocket lub cloud, i kliknij ją.
- 3
Na Pierwszym planie ustaw Kolor i Rozmiar; w Stylu ikony wybierz Tło, Kształt, Promień rogów i Odstęp.
- 4
Uzupełnij Dane witryny i rozmiary Wyniku, sprawdzając podgląd karty w jasnym i ciemnym motywie oraz podgląd ekranu głównego.
- 5
Kliknij Pobierz pakiet (ZIP), wgraj pliki na stronę i skopiuj znaczniki z Wklej do <head> na swoją stronę.
Częste pytania
Czy cokolwiek jest wysyłane na serwer?
Nie. Ikony są rysowane w przeglądarce. Kolekcje ikon są wczytywane z XTools dopiero wtedy, gdy je otworzysz lub przeszukasz, więc przy pierwszym użyciu kolekcji potrzebne jest połączenie.
Jakie kolekcje ikon są dostępne?
Lucide, Tabler, Material Design, Phosphor, Remix Icon, Carbon, Heroicons i Font Awesome Brands. Lucide wczytuje się jako pierwszy; podczas szukania Przeszukaj wszystkie 8 kolekcji pobiera resztę raz (około 13 MB).
Czy mogę użyć ikon na stronie komercyjnej?
Każda kolekcja ma własną licencję open source, więc sprawdź ją, zanim oprzesz na ikonie swoje logo. Font Awesome Brands to logotypy innych firm i nie powinny służyć jako Twoja marka.
Dlaczego moje emoji wygląda inaczej na innym komputerze?
Emoji i litery są rysowane czcionkami urządzenia, więc pliki PNG i ICO pokazują styl emoji systemu. favicon.svg zostawia je jako tekst, więc przeglądarka każdego odwiedzającego rysuje je własnymi czcionkami.
Ilu liter mogę użyć?
Najlepiej od jednej do trzech; pole przyjmuje do czterech znaków. Dłuższy tekst kurczy się, aby zmieścić się w ikonie, a znaki chińskie i japońskie też działają.
Czy favicon może mieć przezroczyste tło?
Tak, ustaw Tło na Brak. Ikona Apple touch i ikona maskowalna i tak dostają biały kwadrat, bo ekrany główne nie pokazują przezroczystości.