SVG-ikonbyggare

x-init="restore()" >

Skapa en enkel SVG-ikon utan att skicka din design någonstans. Välj en av tolv inbyggda symboler och ställ in utdatastorlek, linjebredd och färg, fyllning, bakgrundsfärg och hörnradie. Den färdiga filen använder en fast viewBox på 24×24 och kan kopieras som SVG-kod eller laddas ner som SVG-fil.

Skapa en ikon i fyra steg

  1. 1

    Välj en symbol

    Hjärta, stjärna, bockmarkering, kryss, cirkel, kvadrat, triangel, pil, blixt, måne, sol eller klocka. Det är fasta förval, inte en fri rityta.

  2. 2

    Ställ in storleken

    Välj bredd och höjd från 32 till 256 px. Den interna viewBoxen är alltid 24×24.

  3. 3

    Justera stilen

    Ställ in linjen från 0,5 till 6, välj färg, ingen fyllning, currentColor eller linjefärg och sedan bakgrund och hörnradie.

  4. 4

    Kopiera eller ladda ner

    Kopiera SVG-koden eller ladda ner filen. Nedladdningen använder förvalets namn, till exempel heart.svg.

Vad verktyget skapar

Exporten innehåller en SVG på 24×24, en bakgrundsrektangel och en förvald symbol. Den passar för en mockup, liten yta eller prototyp. Verktyget importerar inte illustrationer, redigerar inte sökpunkter, lägger inte till text och skapar inte en egen ikon från en beskrivning.

Fyllning, användning och integritet

Välj Ingen för en kontur. currentColor låter fyllningen följa CSS-egenskapen color hos föräldern i en inline-SVG. Bakgrundsrektangeln ingår alltid i exporten. Ikonen skapas i webbläsaren och inställningarna skickas inte till vår server. I tvåstegsflödet sparas de tillfälligt i sessionslagringen för denna flik.

Vanliga frågor

Nej. Verktyget formger tolv inbyggda symboler. Använd en SVG-sökvägsredigerare för att rita eller ändra sökvägskommandon.

Nej. Varje export använder en viewBox på 24×24. Endast bredd och höjd kan ändras från 32 till 256 px.

Nej. SVG:n skapas i webbläsaren och inställningarna skickas inte till vår server.

Relaterade verktyg

Verktyget finns på andra språk