Bezpłatnie / Bez rejestracji
Icons byFox — od znaku do plików aplikacji
Generator pomaga przygotować ikony Androida, iOS i strony WWW z jednej kompozycji. Zacznij od tekstu, gotowego clipartu lub własnego obrazu. Ustaw tło, skalę i położenie znaku, porównaj podglądy platform i pobierz gotowe pliki.
Tworzenie, podgląd i podstawowe eksporty są darmowe i nie wymagają konta. Wybór własnej grafiki i renderowanie eksportu odbywają się lokalnie w przeglądarce. Sam serwis korzysta też z połączeń sieciowych — ich zakres wyjaśniamy w opisie przepływu danych w Icons.
Uruchom generator ikon
Pierwsza ikona krok po kroku
Do pierwszej próby wystarczy tekst „DF” i jednolite tło. Nie potrzebujesz gotowego logo ani pliku graficznego.
- Wybierz źródło. Otwórz generator, wybierz Tekst i wpisz DF. Przy własnym logo wybierz obraz z dysku; dla znaku bez prostokątnego tła użyj pliku z przezroczystością.
- Ułóż kompozycję. Wybierz kontrastujące kolory tła i znaku. Zmniejsz tekst tak, aby pozostał odstęp od krawędzi. Sprawdź czytelność także w małym podglądzie.
- Wybierz platformę. Porównaj wygląd Androida, iOS lub WWW. W Androidzie zwróć uwagę na przycięcie przez różne maski launchera; sam kwadratowy podgląd nie wystarcza.
- Pobierz wynik i zachowaj projekt. Wybierz eksport dla swojej platformy albo pojedynczy PNG. Użyj też „Zapisz projekt”, aby pobrać ZIP umożliwiający powrót do edycji wraz z własnymi grafikami.
Nie myl zapisu projektu z instalacją ikon. Archiwum projektu służy do dalszej edycji w Icons, a pliki eksportu trzeba podłączyć w aplikacji lub witrynie.
Który eksport wybrać?
| Cel | Wynik | Następny krok |
|---|---|---|
| Launcher Androida | Zasoby res, ikony i XML | Instalacja ikon adaptive |
| Aplikacja iOS / iPadOS | AppIcon.appiconset i Contents.json | Import do Xcode |
| Strona WWW / PWA | Favicon ICO, PNG i ikony manifestu | Podłączenie favicon i manifestu |
| Pojedynczy obraz | PNG w wybranym rozmiarze | Wstaw plik w miejscu, które wymaga obrazu, zamiast całego zestawu platformy. |
Ikona powiadomienia Androida wymaga osobnego, jednobarwnego symbolu na przezroczystym tle. Kolorowa ikona launchera nie jest dobrym zamiennikiem. Zobacz przygotowanie ikony powiadomienia.
Co sprawdzić przed publikacją?
Podgląd generatora pokazuje wygląd, ale nie sprawdza konfiguracji Twojej aplikacji. Po eksporcie zainstaluj zasoby, uruchom aplikację na urządzeniu albo otwórz stronę i sprawdź wynik. Nie dodawaj ręcznie zaokrągleń i cieni tam, gdzie nakłada je system.
Używaj własnej grafiki lub materiałów z licencją pozwalającą na planowane zastosowanie. Generator nie nadaje praw do przesłanego logo. Zapisany ZIP projektu może zawierać materiały źródłowe — sprawdź zawartość, zanim przekażesz go innej osobie.