Softonic

SVG-icoonbouwer

x-init="restore()" >
Stap 1 / 2
Volgende

Maak een eenvoudig SVG-icoon zonder je ontwerp ergens heen te sturen. Kies een van de twaalf ingebouwde symbolen en stel uitvoergrootte, lijndikte en lijnkleur, vulling, achtergrondkleur en hoekradius in. Het bestand gebruikt een vaste viewBox van 24×24 en je kunt de SVG-code kopiëren of het bestand downloaden.

Een icoon maken in vier stappen

  1. 1

    Kies een symbool

    Hart, ster, vinkje, kruis, cirkel, vierkant, driehoek, pijl, bliksem, maan, zon of bel. Dit zijn vaste presets en geen vrij tekenvlak.

  2. 2

    Stel de grootte in

    Kies breedte en hoogte van 32 tot 256 px. De interne viewBox blijft 24×24.

  3. 3

    Bepaal de stijl

    Stel de lijn in van 0,5 tot 6, kies de kleur, geen vulling, currentColor of de lijnkleur, plus achtergrond en hoekradius.

  4. 4

    Kopieer of download

    Kopieer de SVG-code of download het bestand. De download gebruikt de presetnaam, bijvoorbeeld heart.svg.

Wat deze bouwer maakt

De export bevat een SVG van 24×24, een achtergrondrechthoek en een vooraf ingesteld symbool. Dit is bruikbaar voor een mock-up, kleine interface of prototype. De bouwer importeert geen illustraties, bewerkt geen padpunten, voegt geen tekst toe en maakt geen eigen icoon op basis van een opdracht.

Vulling, gebruik en privacy

Kies Geen voor een omlijning. currentColor laat de vulling de CSS-eigenschap color van het bovenliggende element volgen bij inline SVG. De achtergrondrechthoek zit altijd in de export. Het icoon wordt in de browser gemaakt en de instellingen worden niet naar onze server gestuurd. In de tweestapsflow staan ze tijdelijk in de sessieopslag van dit tabblad.

Veelgestelde vragen

Nee. Deze bouwer stijlt twaalf ingebouwde symbolen. Gebruik een SVG-padeditor om padopdrachten te tekenen of te bewerken.

Nee. Elke export gebruikt een viewBox van 24×24. Alleen breedte en hoogte zijn instelbaar van 32 tot 256 px.

Er wordt altijd een achtergrondrechthoek toegevoegd. Kies kleur en hoekradius of bewerk de SVG later als je transparantie nodig hebt.

Nee. De SVG wordt in de browser gemaakt en de instellingen worden niet naar onze server gestuurd.

Gerelateerde tools

Material Design-kleurkiezer

Blader door het Material Design-kleurenpalet. Kopieer elke tint (van 50 tot A700) als HEX-, RGB- of HSL-waarde met één tik.

Gelinieerd papier generator

Maak gratis afdrukbaar gelinieerd papier. Kies college-, brede of smalle liniëring, stel de regelafstand in mm, het papierformaat en een kantlijn in, en druk af of download de SVG.

Ruitjespapier-generator

Maak online afdrukbaar ruitjespapier: kies een ruit- of stippenraster, stel de afstand in mm in, kies A4 of Letter en een eigen lijnkleur, en print of download een strak SVG-bestand.

Instagram-grid-splitter

Verdeel een brede afbeelding in een 3×3 Instagram-grid, of in een willekeurig aantal rijen. De tegels zijn genummerd, zodat je ze eenvoudig in omgekeerde volgorde kunt uploaden.

Afbeelding naar grijswaarden

Zet kleurenafbeeldingen in uw browser om naar grijswaarden. Gratis en privé, er wordt niets geüpload.

Contactblad maken

Rangschik foto’s op afdrukbare A4- of Letter-contactbladen met bijschriften en voorvertoning en download JPEG-pagina’s of een pdf.

Tool beschikbaar in andere talen