The Vibeary — tag
svg
160 resources in The Vibeary tagged "svg" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection

Haikei
Browser generator producing SVG blobs, waves, layered shapes and gradient backgrounds with live controls.

ggglitch
Generates glitchy, displaced shape backgrounds with RGB-split and slice effects as SVG.

fffuel
Suite of roughly seventy single-purpose SVG generators covering noise, grain, waves, blobs, patterns, spirals and gradients.

ssscribble
Generates background scribble textures as lightweight SVG line art, with controls for density, roughness and stroke weight.

Pattern Monster
Library of parametric seamless SVG patterns with per-pattern controls for stroke, scale, spacing, rotation and colors.

Super Snowflake Maker
Symmetry-based editor where folding and cutting operations generate paper snowflake designs, exporting SVG or a print-and-cut PDF.

nnneon
Generates futuristic glowing neon SVG shapes with layered blur and stroke controls.

SVG to CSS Shape
Converts an SVG path into an equivalent CSS clip-path or mask so shapes stay resolution-independent.

ssspill
Generates spill and melting-drip SVG shapes for section dividers, overlays and playful page transitions between colour blocks.

pppalette
Generates custom colour palettes from a chosen base colour, with exportable swatches and copyable CSS variable output.

cccoil
Generates SVG spiral wave shapes with adjustable turns, stroke thickness and taper, useful as decorative background art.

3D Perspective Grid Generator
Creates vanishing-point perspective grids exportable as SVG for retro and synthwave layouts.

Kitbitz
2,000+ hand-drawn CC0 illustrations in SVG and PNG, with ready-made Figma kits, a Figma plugin and an MCP server for agents.

ttten
Pattern generator based on the classic 10 PRINT maze algorithm, output as tileable SVG.

Get Waves
Generates SVG wave dividers with controls for amplitude, complexity and randomness, exportable as markup or file.

Expressive Animator
Vector animation editor focused on SVG and Lottie output, exporting animated icons and logos to SVG, Lottie, GIF, MP4 and WebM.

illlustrations.co
Open-source pack of 120-plus vector illustrations in AI, SVG, PNG, EPS and Figma formats, free for commercial use.

mmmotif
Generates isometric 3D-looking SVG patterns from tileable motifs, with control over tile size, angle and colour.

CSS { In Real Life }
Long-running blog on CSS, SVG, generative graphics, Eleventy and sustainable web development from a working front-end developer.

iiisometric
Isometric scene builder that stacks and arranges isometric blocks into an exportable SVG illustration, no 3D tool needed.

qqquad
Generator producing Bauhaus-inspired generative geometric compositions as downloadable SVG artwork, with colour and density controls.

God Rays Generator
Single-purpose generator producing volumetric god-ray light beam graphics with adjustable angle, spread and colour.

Blobmaker
Generates smooth random organic blob shapes with complexity and contrast sliders, exportable as SVG.

Pts.js
TypeScript library for composing points, vectors, curves and interaction into visualizations rendered to canvas or SVG.

Phosphor Icons
Icon family of about nine thousand glyphs across six weights including duotone and fill, with packages for most frameworks.

Boring Avatars
Generates deterministic SVG avatars from a name string in several geometric styles, as a React component or API.

Compressor.io
Browser image compressor handling JPEG, PNG, SVG, GIF and WebP with lossy or lossless modes, resizing and EXIF stripping.

Animation Patterns
Interactive atlas of 65 authored CSS and SVG motion patterns plus studies on particles, springs, reaction-diffusion and gesture-to-easing.

ooorganize
Grid pattern generator covering dot, line, cross and mixed grid backgrounds as SVG.

ppperspective
Generates SVG shapes converging on a vanishing point for depth and tunnel effects.

gggrain
Combines soft color blobs with an SVG noise filter to produce the grainy gradient backgrounds used across modern landing pages.

SVG Backgrounds
Collection of customisable SVG backgrounds, shape dividers, doodles and preloaders with export presets for Webflow, Elementor and plain CSS.

Tabler Icons
Over five thousand consistently stroked SVG icons on a 24px grid with filled variants and framework packages.

bbblurry
Creates soft blurry blob background shapes exportable as SVG, sized and coloured in the browser.

SpaceBadgers
SVG badge generation service with 900+ icons and multiple themes, served from a Rust core on Cloudflare Workers.

ffflux
Produces fluid, turbulence-displaced SVG gradient backgrounds using feTurbulence filters, with live colour and distortion controls.

uuunion
SVG generator for wavy mesh-like gradient backgrounds built from overlapping union shapes with adjustable turbulence.

sssurf
SVG wave generator producing layered wave dividers and backgrounds with adjustable amplitude and complexity.

Feather Icons
Open-source icon set drawn on a 24-pixel grid, customisable by size, stroke width and colour, exported as SVG.

Morphicons
SVG icon library that morphs one glyph into another using closed-form optimal rotation and spring physics, across six frameworks.

Trianglify
Generates low-poly triangle mesh backgrounds from a seed and palette, available as a site and a JS library.

Devicon
Icon set of programming language, framework and tool logos in original-color and plain variants, as font and SVG.

eeencode
Encodes SVG markup to Base64 or URL-encoded form for use in CSS background-image.

uqr
Dependency-free QR code generator that renders to SVG, Unicode or ANSI in any JavaScript runtime including edge workers.

Circum Icons
Single-weight open-source icon set of around three hundred icons, deliberately small and consistent, with React and Vue packages.

Hyvector
Browser SVG editor built for speed with no account or install, aimed at precise path and shape editing.

nnnoise
Generator for SVG noise and grain texture overlays with control over frequency, opacity and blend mode, exporting SVG or CSS.

hhholographic
Generates iridescent holographic background gradients with adjustable hue sweep and grain.

Anime.js
Timeline-based animation engine covering CSS, SVG, DOM attributes and JS objects; v4 rewrote it into tree-shakeable modules.

dddoodle
Hand-drawn doodle collection delivered as editable vector SVG assets you can recolour and combine into illustration sets.

Indie Icons
Free hand-made icon set from Visiwig with unusual, characterful shapes distinct from standard icon libraries.

Mo.js
Declarative motion-graphics toolbelt for bursts, shape swirls and custom timelines; built for particle-style UI flourishes, not tweening DOM.

chart.xkcd
SVG chart library that draws in xkcd comic style with wobbly axes, hand-lettered labels and cartoon tooltips.

pppointed
SVG arrow maker for hand-drawn and geometric pointer shapes with adjustable curvature.

hhhorizon
Cyberpunk-inspired SVG background generator combining horizon grids, glow gradients and scan lines into a single exportable file.

shan-shui-inf
Procedurally generated infinite Chinese landscape painting rendered as scrolling SVG in the browser.

diagram-design
Skills that produce editorial-quality diagrams in HTML and SVG with deliberate typography and layout decisions.

Obra Icons
Icon set from Obra Studio with an unusually deliberate stroke-and-corner system, free to download.

bbburst
Confetti and burst SVG generator producing celebratory particle arrangements as static vector art for success and empty states.

Pintora
Extensible text-to-diagram library rendering to SVG or Canvas in the browser and to PNG/JPG/SVG in Node, with a plugin system for new diagram types.

DiceBear
Avatar library generating deterministic SVG avatars from a seed across dozens of illustrated and pixel art styles.

IconPark
ByteDance icon system where a single SVG source can be rendered in outline, filled, two-tone or multi-color themes.

wwwatercolor
Generates soft watercolour-style background washes as SVG using layered filter effects.

Ikonate
Fully customisable open-source SVG icons where stroke width, size and corner radius are adjustable before download.

Valkyrie
IntelliJ plugin converting SVG and Android vector XML into Compose ImageVector code.

rrrepeat
Generator for repeating SVG shape grids with control over spacing, rotation and scale.

Animate Plus
3KB Promise-based animation module for CSS and SVG properties, using requestAnimationFrame with no dependencies or plugin system.

Iconoir
Fully open-source icon library of over sixteen hundred icons with a consistent grid, no premium tier and no attribution.

llline
SVG stroke and line generator for decorative rules, underlines, connectors and dividers, with adjustable curvature and thickness.

ssshape
Organic blob shape generator producing editable SVG paths, with sliders for complexity, irregularity and corner smoothing.

Sara Soueidan
Accessibility and CSS engineering blog covering focus indicators, ARIA live regions, SVG and inclusive component behaviour.

Walkway
Minimal library for animating SVG line, path and polyline elements as if they were being drawn by hand.

Vivus
Library that animates SVG stroke drawing with delayed, sync and oneByOne modes, plus scroll- and script-driven playback control.

awesome-svg
Curated list of SVG tools, libraries, optimisers, animation techniques and tutorials.

d3-node
Renders D3 charts and maps to static SVG on the server for emails, PDFs and social cards.

lit-line
SVG line-chart web component under 3KB that is interactive, responsive and works in any framework or none.

resvg-js
Node and WebAssembly bindings for the Rust resvg renderer, rasterising SVG to PNG with custom font loading and cropping.

AnimateSVGTextPath
Codrops demo animating SVG text along a curved path as it scrolls into view via IntersectionObserver.

Progressbar.js
Library for animated SVG progress shapes — line, circle, semicircle or custom path — with per-step callbacks and custom easing.

tegaki
Renders any web font as animated handwriting strokes, turning ordinary text into a hand-drawn reveal.

QRFrame
QR code designer where the rendering is defined by editable code presets, letting you script appearance parameters and export SVG.

Formito Favicon Maker
Generator building SVG and PNG favicons from a letter or emoji with font, colour and background controls, emitting the head markup.

SVGL
Searchable library of 660+ brand logos as clean SVGs with light/dark variants, wordmark options and a public API.

Mega Doodles Pack
Open-source pack of hand-drawn doodle objects and characters in SVG and Sketch, free for any use.

VectorNest
Browser SVG editor built around a plugin architecture, so editing tools and panels are added as independent modules.

voronoi (WebSVG)
Parametric Voronoi pattern generator with real-time editing and SVG export for backgrounds and dividers.

react-simple-maps
React SVG mapping components built on d3-geo, aimed at static thematic maps rather than slippy tile maps.

Zdog
Pseudo-3D engine rendering round, flat, designer-friendly vector illustrations on canvas or SVG with genuine 3D rotation.

SVG Artista
Web tool that takes pasted SVG markup and generates CSS keyframes animating stroke-dashoffset and fill for draw-on effects.

System UIcons
Icon set drawn specifically for dense product interfaces, with an unusual visual restraint and steady release cadence.

Sinwaver
Purpose-built generator for mathematically precise SVG sine waves with frequency, amplitude and phase controls.

Two.js
Renderer-agnostic two-dimensional drawing API that outputs to SVG, canvas or WebGL from one scene description.

svg-text-animate
Converts text into SVG stroke paths and animates the drawing, supporting custom fonts and per-letter timing.

Copy to Figma
Library that puts colour palettes, type scales, icon grids and full styleguides on the clipboard as SVG you paste into Figma as editable frames.

Interactive SVG Animations
Interactive mini-course teaching SVG animation techniques with editable inline examples.

aaabstract
Abstract holographic background generator producing layered iridescent SVG artwork you can recolour and export at any size.

Hero Patterns
Library of tileable SVG background patterns with live foreground colour and opacity controls, copied out as data-URI CSS.

Motion2Code
Agent skill that rebuilds a motion design video as looping inline SVG driven by one GSAP timeline, then diffs it frame by frame against the source.

Clawd Icons
111 thin-line SVG icons starring a square crab mascot, each with its own small coordinated animation where the eyes and limbs react to the object.
Esvigy
Open-source UI illustration set for empty states and error screens, shipped as tree-shakable React and Vue components with two-tone colour props and CSS-only animations.

QingIcon
Neutral UI icon library of 3,900+ icons from one SVG source in line, solid and sketch styles, with React and Vue packages, a Figma plugin and an MCP server.

Anima
Claude Code skill that builds standalone interactive isometric biology figures, like dopamine synapses or GLP-1 on a beta cell, with toggles and a citation for every number.
Fanfan Icons
544 line UI icons on a 24 grid starring a cat, dog and rabbits holding everyday objects, with sleeping states, two stroke weights and an animated version.

Matita
200 freehand pencil-style icons as SVG and React components, drawn by code so strokes overshoot, corners cross and circles overlap like real pencil.

contribution-fx
Zero-dependency GitHub Action that turns your contribution graph into animated SVG for a profile README, with gravity, Game of Life, sorting, ripple and fireworks effects.

shadcnmaps
170+ interactive SVG map components for countries, continents and US states with tooltips, selection, markers, zoom and keyboard navigation, installed via shadcn CLI.

Orchid Charts
JavaScript SVG charts for dashboards, activity calendars, and release timelines, with responsive layouts and CSS theming.
Aria Icons
Open-source SVG icon set with an MCP server for agent-driven icon lookup.

hairline
Set of isometric line-art SVG figures that react to the pointer, dependency-free, with React components and plain DOM usage.

VectorCraft
Open-source clean-room reimplementation of Adobe Illustrator in pure Rust, with familiar pen, panels and shortcuts, as a native app and in the browser.
icon-marquee
Service that serves scrolling marquees or static rows of tech-stack icons as SVG, embeddable in any README or page with a plain img tag.

Book of Shapes
Curated gallery of minimal generative SVG patterns (grids, flow fields, truchet, isometric, noise) that you can customize live and download.

Visited Map
shadcn/ui world map component that plots visited, lived and wishlist countries plus pinned cities, rendered as server-side SVG with a map builder.

Logoforge
971 developer-tool brand logos as clean SVGs and typed React components, installable via shadcn, with a logo-cloud builder and an MCP server.

Glass Icons (Reicon)
Frosted translucent SVG icon set you can copy as SVG, JSX or CSS, with open-source zero-setup browsing.

logo-design-skill
Agent skill that runs a full logo process with SVG craft, audit tools and a searchable library of 1,400+ reference marks.

Scissor
Free browser vector and pixel design editor with pen tool, image trace, grids and export, no account and no uploads.

logo-intro
WebGL logo intros from any SVG mark: lens-warped close-up, wordmark reveal, gradient bloom, lock-in ring and shimmer, plus HTML and video export.

Gauge UI
Composable SVG gauge primitives for React, distributed as a shadcn registry with live composition examples.

Wobbi
Browser studio to create, animate and export reusable SVG mascots without leaving the tab.

Keyline Icons
1,000 free MIT icons on a 24×24 grid in stroke, two-tone, duotone and fill, rounded or sharp, built for shadcn/ui with CLI and MCP.

Form Friends
Four inline SVG characters that watch form fields, look away from passwords, sag on failure and nod off when idle — React only, no animation library.

Flield
Browser generative pixel tool that steers dual flow fields into seamless tiles, with PNG, SVG and looping GIF export and no install.
Naive Icons
105 hand-drawn SVG icons on a 48×48 grid with thick strokes, a nine-color retro palette, and React components with zero runtime deps.

Turkish Bank Logos SVG
Original SVG logos for 35 Turkish banks and five payment firms, normalized viewBoxes, white dark-theme variants, and a bank-name matcher.

github-constellation
Zero-dependency GitHub Action that turns your contribution calendar into a generative SVG night sky for profile READMEs.

Spotkit
Claude Code skill that writes themable SVG product illustrations in one family from a feature description.
React Loader Studio
Twenty-one typed SVG React loaders under 2 KB gzip, with a playground that exports size, color and speed as JSX.
icofon
Rust CLI that builds an icon font and matching stylesheet from a folder of SVG files, with a live glyph preview.

Stash Icons
MIT 24×24 SVG icon set in five styles (duotone, light, regular, solid, editor) as React packages, with a Figma source.

IconMind
Compiler-driven icon set for agents, MCP and RAG, with six validated drawings per concept and an MCP server of real names.

Trazor
Client-side PNG-to-SVG vectorizer with per-colour Potrace-class curves, seam-free cutouts and centerline tracing for vinyl and plotters.

Forma Icon Creator
Browser vector workspace that reshapes icons from Tabler, Lucide, Phosphor, Iconoir and Heroicons into custom app icons, exporting SVG or PNG.
Topo
Browser generator for topographic contour-line patterns with adjustable parameters and export, for backgrounds, posters and section dividers.
Anim8
Browser motion design editor with editable keyframes, easing curves, anchors, text stagger and multi-artboard canvas, exporting MP4, SVG and Lottie.

IconsRoom
Searchable front-end for 250,000+ open-source icons across 150+ sets, with colour and stroke customisation and SVG, PNG, React or Vue export.

flubber
Utility that interpolates between arbitrary SVG shapes by normalizing point counts, enabling morphs between unrelated paths.
KUTE.js
Animation engine with plugins for SVG path morphing, cubic morphing, SVG transforms, text and CSS properties.
SVGRepo
Search engine over 500,000 open-licensed SVG vectors and icons with one-click download and editing.
Game-icons.net
Over 4,000 free CC-BY game and fantasy icons - weapons, creatures, symbols - downloadable as SVG or PNG.
amCharts Free SVG Maps
Free vector SVG maps of every country, region and US state, editable in any design tool.
Bioicons
Free scientific and biological icon library - cells, organisms, lab equipment - in SVG for figures and diagrams.
Shape Divider
Library of section-divider shapes with flip, invert, height and layering controls, output as inline SVG plus CSS.
Avataaars Generator
Web generator for the Avataaars illustrated character set, free for commercial use and downloadable as SVG.
Streamline
Icon platform indexing roughly 450,000 icons across proprietary families and mirrored open sets like Material, Tabler and Remix.
Remix Icon
Neutral-style icon system of over two thousand icons designed as a matched set in both line and fill variants.
SVG Grabber
Extension that lists every SVG on the current page and lets you preview, copy the markup or download each one individually.
BGJar
Free SVG background generator covering waves, polygons, blobs, grids and noise with per-shape parameter control.
Łukasz Adam Illustrations
Free and paid illustration packs from a single illustrator, with a consistent line and character style across sets.
Sargam Icons
Open-source icon set with a distinct rounded geometry, available in line and fill, with framework packages.
Squircley
Generates superellipse squircle shapes as SVG with curvature, rotation and gradient fill controls.
css.gg
Icon set of seven hundred icons built entirely from CSS with no SVG or font, also available as SVG and React.
Paaatterns
Collection of hand-drawn style SVG patterns with a live color editor, from the LS Graphics studio.
Doodad Pattern Generator
Generates seamless SVG and CSS background patterns from configurable primitives, with a fully offline-capable interface.
SVG Path Editor
Node-level editor for raw SVG path data with live command list, transforms, arc visualisation and path optimisation.
Flitter
Declarative graphics library bringing a Flutter-style widget tree to SVG and canvas rendering for data visualisation on the web.

Frappe Charts
Zero-dependency SVG chart library with GitHub-style heatmaps, annotations and region markers in a very small bundle.
Typograms
Lightweight text image format that renders hand-positioned ASCII into clean SVG diagrams for technical documentation.
WaveDrom
Renders digital timing diagrams and register maps from a compact JSON description, in browser or CLI.
Textures.js
D3 module that generates SVG pattern fills — lines, circles, paths — for encoding categories without relying on colour alone.