Kreator ikon SVG

x-init="restore()" >

Utwórz prostą ikonę SVG bez wysyłania projektu gdziekolwiek. Wybierz jeden z dwunastu wbudowanych symboli, a następnie ustaw rozmiar wyjściowy, szerokość i kolor obrysu, wypełnienie, kolor tła oraz promień narożników. Gotowy plik używa stałego viewBox 24×24 i można skopiować jego kod SVG lub pobrać plik.

Utwórz ikonę w czterech krokach

  1. 1

    Wybierz symbol

    Serce, gwiazda, znacznik wyboru, krzyżyk, koło, kwadrat, trójkąt, strzałka, błyskawica, księżyc, słońce lub dzwonek. To stałe presety, a nie swobodne płótno do rysowania.

  2. 2

    Ustaw rozmiar

    Wybierz szerokość i wysokość od 32 do 256 px. Wewnętrzny viewBox pozostaje 24×24.

  3. 3

    Dostosuj styl

    Ustaw obrys od 0,5 do 6, wybierz kolor, brak wypełnienia, currentColor lub kolor obrysu, a potem tło i promień narożników.

  4. 4

    Skopiuj lub pobierz

    Skopiuj wygenerowany kod SVG albo pobierz plik. Pobierany plik używa nazwy presetu, np. heart.svg.

Co tworzy to narzędzie

Eksport zawiera SVG 24×24, prostokąt tła i gotowy symbol. Nadaje się do makiety, małego interfejsu lub prototypu. Narzędzie nie importuje ilustracji, nie edytuje punktów ścieżki, nie dodaje tekstu i nie tworzy własnej ikony na podstawie polecenia.

Wypełnienie, użycie i prywatność

Wybierz Brak dla ikony konturowej. currentColor sprawia, że wypełnienie przyjmuje wartość CSS color elementu nadrzędnego w SVG osadzonym w kodzie. Prostokąt tła zawsze należy do eksportu. Ikona powstaje w przeglądarce, a ustawienia nie są wysyłane na nasz serwer. W wariancie dwuetapowym są tymczasowo przechowywane w pamięci sesji tej karty.

Najczęściej zadawane pytania

Nie. Narzędzie stylizuje dwanaście wbudowanych symboli. Aby rysować lub edytować polecenia ścieżki, użyj edytora ścieżek SVG.

Nie. Każdy eksport używa viewBox 24×24. Można zmieniać tylko szerokość i wysokość od 32 do 256 px.

Nie. SVG jest tworzony w przeglądarce, a ustawienia nie są wysyłane na nasz serwer.

Powiązane narzędzia

Narzędzie jest dostępne w innych językach