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"

  1. Screenshot of Basicons

    Basicons

    Download SVG icons

    Added Aug 2020
    Go to Basicons
  2. Screenshot of Color Morph

    Color Morph

    Create beautiful SVG gradients.

    Added Apr 2022
    Go to Color Morph
  3. Screenshot of Convert2Svg

    Convert2Svg

    Convert an image to SVG.

    Added Jan 2022

    Made by

    • GitHub profile image of wwebdev
    Go to Convert2Svg
  4. 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
  5. Screenshot of Curved page deviders

    Curved page deviders

    Create curved page deviders

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

    Custom Shape Dividers

    Export a beautiful shape devider

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

    Doodad Pattern Generator

    Create unique, seamless and royalty-free patterns.

    Added Feb 2021
    Go to Doodad Pattern Generator
  8. Screenshot of FA Icons.dev

    FA Icons.dev

    Click-to-copy inline SVG for Font-Awsome Icons

    Added May 2020

    Made by

    • GitHub profile image of Daronspence
    Go to FA Icons.dev
  9. Screenshot of ffflux

    ffflux

    Generate fluid SVG backgrounds.

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

    GetWaves.io

    Generate SVG waves for your next design.

    Added Feb 2020
    Go to GetWaves.io
  11. 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
  12. 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
  13. 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
  14. Screenshot of Icomoon

    Icomoon

    Create and maintain svg icon libraries

    Added Mar 2020
    Go to Icomoon
  15. 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
  16. Screenshot of IconSVG

    IconSVG

    Customize SVG icons for your web projects

    Added Jan 2020

    Made by

    • GitHub profile image of gaddafirusli
    Go to IconSVG
  17. Screenshot of Ikon

    Ikon

    Building downloadable custom icon sprite sheets.

    Added Mar 2021

    Made by

    • GitHub profile image of oliverturner
    Go to Ikon
  18. 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
  19. Screenshot of Lissajous SVG

    Lissajous SVG

    Generate lissajous SVG curves.

    Added Apr 2024

    Made by

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

    lllove

    Make some cute SVG hearts

    Added Aug 2022

    Made by

    • GitHub profile image of thisisseb
    Go to lllove
  21. Screenshot of macOS Cursors

    macOS Cursors

    Find all macOS cursor icons in SVG.

    Added Mar 2023

    Made by

    • GitHub profile image of daviddarnes
    Go to macOS Cursors
  22. 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
  23. Screenshot of myScale

    myScale

    Resize and convert SVG into PNG

    Added Mar 2021

    Made by

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

    nnnoise

    Generate SVG noise textures

    Added Nov 2021

    Made by

    • GitHub profile image of thisisseb
    Go to nnnoise
  25. Screenshot of Pattern Monster

    Pattern Monster

    Find customizable SVG patterns.

    Added Apr 2021

    Made by

    • GitHub profile image of catchspider2002
    Go to Pattern Monster
  26. 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
  27. Screenshot of Picsvg

    Picsvg

    Convert a picture to SVG.

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

    Pie Chart Maker

    Create pie charts with just few clicks

    Added Sep 2022
    Go to Pie Chart Maker
  29. 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
  30. Screenshot of pppointed

    pppointed

    Create SVG arrows.

    Added Mar 2022
    Go to pppointed
  31. Screenshot of Remix Icon

    Remix Icon

    Find almost any type of SVG/PNG icon

    Added Feb 2020

    Made by

    • GitHub profile image of wendygaoyuan
    • GitHub profile image of xiaochunjimmy
    Go to Remix Icon
  32. Screenshot of Squircley!

    Squircley!

    Create beautiful organic SVG shapes.

    Added Oct 2020
    Go to Squircley!
  33. Screenshot of ssshape

    ssshape

    Create organic SVG shapes

    Added Oct 2021

    Made by

    • GitHub profile image of thisisseb
    Go to ssshape
  34. 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
  35. Screenshot of SVG ARTISTA

    SVG ARTISTA

    Create SVG fill and stroke animations.

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

    SVG Backgrounds

    Customize and apply SVG backgrounds

    Added Mar 2020
    Go to SVG Backgrounds
  37. 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
  38. 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
  39. Screenshot of SVG CROP

    SVG CROP

    Remove blank space from around your SVG

    Added Jan 2021
    Go to SVG CROP
  40. 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
  41. 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
  42. Screenshot of SVG Favicon Generator

    SVG Favicon Generator

    Generate SG favicons.

    Added Jul 2021
    Go to SVG Favicon Generator
  43. 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
  44. 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
  45. Screenshot of SVG Filters

    SVG Filters

    Generate SVG filters

    Added Feb 2020

    Made by

    • GitHub profile image of yoksel
    Go to SVG Filters
  46. 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
  47. 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
  48. 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
  49. 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
  50. Screenshot of SVG Viewer

    SVG Viewer

    View, edit and download SVGs.

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

    Svg Wave

    Generate SVG waves

    Added Oct 2020

    Made by

    • GitHub profile image of anup-a
    Go to Svg Wave
  52. 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
  53. Screenshot of svghub

    svghub

    Find SVG squiggles, scribbles and shapes.

    Added Jun 2024
    Go to svghub
  54. Screenshot of SVGOMG

    SVGOMG

    Minify SVGs

    Added Dec 2019

    Made by

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

    SVGR

    Transform SVGs into React components.

    Added Mar 2021

    Made by

    • GitHub profile image of gregberge
    Go to SVGR
  56. Screenshot of Svgurt

    Svgurt

    Convert images to SVG.

    Added Mar 2021

    Made by

    • GitHub profile image of Anemy
    Go to Svgurt
  57. Screenshot of System UIcons

    System UIcons

    Download free SVG icons

    Added Aug 2020
    Go to System UIcons
  58. Screenshot of Teenyicons

    Teenyicons

    Find tiny minimal icons designed to fit in the smallest places.

    Added Aug 2020
    Go to Teenyicons
  59. Screenshot of tldraw

    tldraw

    Draw and create SVGs quickly.

    Added Aug 2023
    Go to tldraw
  60. 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
  61. Screenshot of vectormaker

    vectormaker

    Convert images to SVG vectors.

    Added Nov 2022

    Made by

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

    Vectorpea

    Create and edit vector files in the browser.

    Added Oct 2023
    Go to Vectorpea
  63. Screenshot of VISIWIG

    VISIWIG

    Create, edit and copy icons and patterns

    Added Feb 2021
    Go to VISIWIG
  64. Screenshot of VTracer

    VTracer

    Convert raster images to SVG vector graphics.

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

    Warp SVG

    Warp SVG online

    Added Aug 2020

    Made by

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

    Wicked Wave Backgrounds

    Create wavey SVG backgrounds.

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

    Wireframer

    Create SVG text blocks for your wireframes

    Added Jan 2020

    Made by

    • GitHub profile image of dimitrisraptis96
    Go to Wireframer