New tools, and fresh HTML, CSS, and JavaScript tricks — get it all by subscribing to Web Weekly! 💌
Follow on Twitter Follow RSS Add helper

Tools for tag "SVG"

Sort by name Sort by date
  1. Screenshot of Color Morph

    Color Morph

    Create beautiful SVG gradients.

    Added Apr 2022
    Go to Color Morph
  2. Screenshot of CopyPalette

    CopyPalette

    Create your SVG palette and use it in Figma/Sketch by just using COPY and PASTE

    Added Jan 2020

    Made by

    • GitHub profile image of dimitrisraptis96
    Go to CopyPalette
  3. Screenshot of Curved page deviders

    Curved page deviders

    Create curved page deviders

    Added Sep 2020
    Go to Curved page deviders
  4. Screenshot of Custom Shape Dividers

    Custom Shape Dividers

    Export a beautiful shape devider

    Added Jun 2020
    Go to Custom Shape Dividers
  5. Screenshot of Doodad Pattern Generator

    Doodad Pattern Generator

    Create unique, seamless and royalty-free patterns.

    Added Feb 2021
    Go to Doodad Pattern Generator
  6. Screenshot of ffflux

    ffflux

    Generate fluid SVG backgrounds.

    Added Dec 2021
    Go to ffflux
  7. Screenshot of GetWaves.io

    GetWaves.io

    Generate SVG waves for your next design.

    Added Feb 2020
    Go to GetWaves.io
  8. Screenshot of Google font to SVG path

    Google font to SVG path

    Create SVGs paths from a Google font

    Added Oct 2020

    Made by

    • GitHub profile image of danmarshall
    Go to Google font to SVG path
  9. Screenshot of haikei

    haikei

    Generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more!

    Added Sep 2021

    Made by

    • GitHub profile image of zcreativelabs
    Go to haikei
  10. Screenshot of Hero Patterns

    Hero Patterns

    Find SVG background patterns for you to use on your web projects.

    Added Jan 2020

    Made by

    • GitHub profile image of sschoger
    Go to Hero Patterns
  11. Screenshot of iconbundler

    iconbundler

    Convert SVGs to React, Vue and Svelte components

    Added Aug 2023

    Made by

    • GitHub profile image of chriswdmr
    Go to iconbundler
  12. Screenshot of Ikon

    Ikon

    Building downloadable custom icon sprite sheets.

    Added Mar 2021

    Made by

    • GitHub profile image of oliverturner
    Go to Ikon
  13. Screenshot of Interactive SVG Coordinate System

    Interactive SVG Coordinate System

    Interactively explore the viewport, viewBox, & preserveAspectRatio of an SVG

    Added Jan 2021

    Made by

    • GitHub profile image of sarasoueidan
    Go to Interactive SVG Coordinate System
  14. Screenshot of Lissajous SVG

    Lissajous SVG

    Generate lissajous SVG curves.

    Added Apr 2024

    Made by

    • GitHub profile image of evadecker
    Go to Lissajous SVG
  15. Screenshot of lllove

    lllove

    Make some cute SVG hearts

    Added Aug 2022

    Made by

    • GitHub profile image of thisisseb
    Go to lllove
  16. Screenshot of Mermaid Live Editor

    Mermaid Live Editor

    Generate flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs using a Markdownish syntax

    Added Jan 2020

    Made by

    • GitHub profile image of 0xadada
    Go to Mermaid Live Editor
  17. Screenshot of myScale

    myScale

    Resize and convert SVG into PNG

    Added Mar 2021

    Made by

    • GitHub profile image of webkul
    Go to myScale
  18. Screenshot of nnnoise

    nnnoise

    Generate SVG noise textures

    Added Nov 2021

    Made by

    • GitHub profile image of thisisseb
    Go to nnnoise
  19. Screenshot of Path to CSS Shape

    Path to CSS Shape

    Convert SVG path data to CSS shape() function.

    Added Jun 2025
    Go to Path to CSS Shape
  20. Screenshot of Pattern Monster

    Pattern Monster

    Find customizable SVG patterns.

    Added Apr 2021

    Made by

    • GitHub profile image of catchspider2002
    Go to Pattern Monster
  21. Screenshot of perfect-freehand

    perfect-freehand

    Draw perfect pressure-sensitive freehand lines.

    Added Aug 2023

    Made by

    • GitHub profile image of steveruizok
    Go to perfect-freehand
  22. Screenshot of Picsvg

    Picsvg

    Convert a picture to SVG.

    Added Mar 2021
    Go to Picsvg
  23. Screenshot of Pie Chart Maker

    Pie Chart Maker

    Create pie charts with just few clicks

    Added Sep 2022
    Go to Pie Chart Maker
  24. Screenshot of Placeholder Image Generator

    Placeholder Image Generator

    Generate dummy images as data URIs, which don't depend on external services

    Added Jan 2020

    Made by

    • GitHub profile image of bendera
    Go to Placeholder Image Generator
  25. Screenshot of pppointed

    pppointed

    Create SVG arrows.

    Added Mar 2022
    Go to pppointed
  26. Screenshot of ssshape

    ssshape

    Create organic SVG shapes

    Added Oct 2021

    Made by

    • GitHub profile image of thisisseb
    Go to ssshape
  27. Screenshot of SVG 2 JSX

    SVG 2 JSX

    Transform SVG into valid JSX

    Added Mar 2020

    Made by

    • GitHub profile image of balajmarius
    Go to SVG 2 JSX
  28. Screenshot of SVG ARTISTA

    SVG ARTISTA

    Create SVG fill and stroke animations.

    Added Jan 2021
    Go to SVG ARTISTA
  29. Screenshot of SVG Backgrounds

    SVG Backgrounds

    Customize and apply SVG backgrounds

    Added Mar 2020
    Go to SVG Backgrounds
  30. Screenshot of SVG clip path converter

    SVG clip path converter

    Preparing SVG paths to be used in CSS clip-path.

    Added Feb 2021

    Made by

    • GitHub profile image of yoksel
    Go to SVG clip path converter
  31. Screenshot of SVG Color Matrix Mixer

    SVG Color Matrix Mixer

    Generate nice looking color matrix filters for your images.

    Added Mar 2021
    Go to SVG Color Matrix Mixer
  32. Screenshot of SVG Converter

    SVG Converter

    Convert SVG to ico, png, jpeg, webp.

    Added Apr 2025

    Made by

    • GitHub profile image of sing1ee
    • GitHub profile image of ZhangVampire
    Go to SVG Converter
  33. Screenshot of SVG CROP

    SVG CROP

    Remove blank space from around your SVG

    Added Jan 2021
    Go to SVG CROP
  34. Screenshot of SVG Drawing

    SVG Drawing

    Draw lines and replay them in SVG.

    Added Aug 2023

    Made by

    • GitHub profile image of CatsJuice
    Go to SVG Drawing
  35. Screenshot of SVG Encoder / Converter

    SVG Encoder / Converter

    Convert an SVG into different formats.

    Added Apr 2024

    Made by

    • GitHub profile image of IORoot
    Go to SVG Encoder / Converter
  36. Screenshot of SVG Favicon Generator

    SVG Favicon Generator

    Generate SG favicons.

    Added Jul 2021
    Go to SVG Favicon Generator
  37. Screenshot of SVG Favicon Maker

    SVG Favicon Maker

    Make SVG favicons based on a letter or an emoji

    Added Oct 2020
    Go to SVG Favicon Maker
  38. Screenshot of SVG Filter Builder

    SVG Filter Builder

    Create and learn about SVG filters in a drag & drop Designer.

    Added May 2021
    Go to SVG Filter Builder
  39. Screenshot of SVG Filter Maker

    SVG Filter Maker

    Create SVG filters visually via a node graph UI

    Added Mar 2025

    Made by

    • GitHub profile image of chriskirknielsen
    Go to SVG Filter Maker
  40. Screenshot of SVG Filters

    SVG Filters

    Generate SVG filters

    Added Feb 2020

    Made by

    • GitHub profile image of yoksel
    Go to SVG Filters
  41. Screenshot of SVG Gradient Map Filter

    SVG Gradient Map Filter

    Create SVG Gradient Map Filters from given colors.

    Added Feb 2021

    Made by

    • GitHub profile image of yoksel
    Go to SVG Gradient Map Filter
  42. Screenshot of SVG Icon a11y Fixer

    SVG Icon a11y Fixer

    Fix accessibility issues in SVG images exported from tools like Adobe Illustrator

    Added Jan 2020

    Made by

    • GitHub profile image of mfairchild365
    Go to SVG Icon a11y Fixer
  43. Screenshot of SVG Path Editor

    SVG Path Editor

    Create and manipulate SVG paths

    Added May 2020

    Made by

    • GitHub profile image of Yqnn
    Go to SVG Path Editor
  44. Screenshot of SVG Path Visualizer

    SVG Path Visualizer

    Visualize and discover SVG path data commands

    Added May 2020

    Made by

    • GitHub profile image of mathieudutour
    Go to SVG Path Visualizer
  45. Screenshot of SVG to CSS Shape Converter

    SVG to CSS Shape Converter

    Convert an SVG shape created with <path d="..."> into a CSS Shape.

    Added Jun 2025

    Made by

    • GitHub profile image of Afif13
    Go to SVG to CSS Shape Converter
  46. Screenshot of SVG Viewer

    SVG Viewer

    View, edit and download SVGs.

    Added May 2024
    Go to SVG Viewer
  47. Screenshot of Svg Wave

    Svg Wave

    Generate SVG waves

    Added Oct 2020

    Made by

    • GitHub profile image of anup-a
    Go to Svg Wave
  48. Screenshot of SVGcode

    SVGcode

    Convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.

    Added Nov 2021

    Made by

    • GitHub profile image of tomayac
    Go to SVGcode
  49. Screenshot of SVGOMG

    SVGOMG

    Minify SVGs

    Added Dec 2019

    Made by

    • GitHub profile image of jakearchibald
    Go to SVGOMG
  50. Screenshot of SVGR

    SVGR

    Transform SVGs into React components.

    Added Mar 2021

    Made by

    • GitHub profile image of gregberge
    Go to SVGR
  51. Screenshot of tldraw

    tldraw

    Draw and create SVGs quickly.

    Added Aug 2023
    Go to tldraw
  52. Screenshot of URL-encoder for SVG

    URL-encoder for SVG

    Encode SVGs.

    Added Feb 2021

    Made by

    • GitHub profile image of yoksel
    Go to URL-encoder for SVG
  53. Screenshot of vectormaker

    vectormaker

    Convert images to SVG vectors.

    Added Nov 2022

    Made by

    • GitHub profile image of btk
    Go to vectormaker
  54. Screenshot of Vectorpea

    Vectorpea

    Create and edit vector files in the browser.

    Added Oct 2023
    Go to Vectorpea
  55. Screenshot of VTracer

    VTracer

    Convert raster images to SVG vector graphics.

    Added Oct 2024
    Go to VTracer
  56. Screenshot of Warp SVG

    Warp SVG

    Warp SVG online

    Added Aug 2020

    Made by

    • GitHub profile image of PavelLaptev
    Go to Warp SVG
  57. Screenshot of Wicked Wave Backgrounds

    Wicked Wave Backgrounds

    Create wavey SVG backgrounds.

    Added Aug 2021
    Go to Wicked Wave Backgrounds
  58. Screenshot of Wireframer

    Wireframer

    Create SVG text blocks for your wireframes

    Added Jan 2020

    Made by

    • GitHub profile image of dimitrisraptis96
    Go to Wireframer