Generator sprite’ów ikon SVG

Połącz ikony SVG w jeden sprite z symbolami o osobnych identyfikatorach do wielokrotnego użycia.

Na Twoim urządzeniu · Bez konta

Generator sprite’ów ikon SVG przetwarza wprowadzone dane w tej przeglądarce. Dane wejściowe i wyniki nie trafiają do analityki. Lista ostatnio używanych narzędzi zapisuje nazwy narzędzi, liczbę wizyt i czas ostatniej wizyty. Lista zapisanych narzędzi przechowuje tylko ich nazwy. Zapisywanie szkicu jest opcjonalne, a szkic pozostaje na tym urządzeniu; zapisany tekst usuniesz za pomocą opcji szkicu. Opcjonalne wczytanie tekstu z adresu URL łączy się z danym serwerem; serwer widzi wskazany adres URL i Twój adres IP. Opcjonalna akcja „Użyj w” zachowuje dane do przekazania w tej karcie. Kolejne narzędzie usuwa je po otwarciu i pomija, jeśli minęła więcej niż minuta.

Opcja „Kopiuj link” umieszcza w adresie wybrane dane wejściowe do udostępnienia. Każdy, kto ma ten link, może je ponownie otworzyć. Pliki i wygenerowane wyniki nie są uwzględniane. Narzędzia do haseł i kluczy udostępniają tylko ustawienia.

Polski

Grafiki SVG oddzielone linią ---

Twój wynik

Enter your values.

Więcej

Skróty klawiszowe

O linkach i resetowaniu

Linki zawierają wpisane dane i ustawienia. Każdy, kto ma link, może je zobaczyć, więc pomiń prywatny tekst. Pliki i wygenerowane wyniki nie są dołączane; losowania są wykonywane ponownie.

Reset ponownie wczytuje narzędzie z początkowymi wartościami, zamyka otwarte pliki i zwalnia dostęp do urządzeń. Zapisane wersje robocze pozostają na tym urządzeniu, dopóki ich nie usuniesz.

Jak utworzyć sprite ikon SVG

Oddziel dokumenty SVG linią zawierającą trzy łączniki. Każda ikona staje się symbolem o nazwie icon-1, icon-2 i tak dalej. Wewnętrzne identyfikatory i lokalne odwołania otrzymują prefiksy, aby gradienty i ścieżki przycinania nie kolidowały ze sobą.

Dalej: Pobieranie koloru ze zdjęcia

Przykład

Dwa wejściowe pliki SVG stają się symbolami o nazwach icon-1 i icon-2. Aby wyświetlić pierwszą ikonę, użyj elementu use w SVG z odwołaniem do #icon-1.

Zanim użyjesz wyniku

Obsługiwane są tylko samowystarczalne pliki SVG z viewBox lub liczbową szerokością i wysokością. Aktywna zawartość, arkusze stylów i zasoby zewnętrzne są odrzucane. Sprawdź wyeksportowany sprite w aplikacji, w której będzie używany.

Dalej: Zmiana rozmiaru zdjęcia

Jak cytować tę stronę

Styl cytowania

ToolOctopus. “Generator sprite’ów ikon SVG.” Aktualizacja 7 października 2026. https://tooloctopus.com/pl/generator-sprite-ów-ikon-svg.

Dodaj datę dostępu, jeśli wymagają tego Twoje wytyczne.

Cytowania są formatowane za pomocą biblioteki citeproc-js autorstwa Franka Bennetta oraz stylów Citation Style Language. Licencja i kod źródłowy.