svg
5800+ free vector icons for web design. 5826 pixel-perfect icons for web design. A set of over 5700 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.
Related contents:
Create graphics with a hand-drawn, sketchy, appearance. Rough.js is a small (<9 kB) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths.
Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open web standards (SVG). For all and empowered by the community.
Related contents:
jQuery Mapael is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps.
For example, with Mapael, you can display a map of the world with clickable countries. You can build simple dataviz by setting some parameters in order to automatically set a color to each area of your map and generate the legend. Moreover, you can plot cities on a map with their latitude and longitude.
As Raphaël, Mapael supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.
Custom-color elements ready to paste into your project. Squiggles, scribbles, shapes and... other stuff.
A library of over 70 custom-color elements ready to paste into your project.
Generate images of code and terminal output 📸.
Freeze generates PNGs, SVGs, and WebPs of code and terminal output alike.
Creates diagrams from textual descriptions! Kroki provides a unified API with support for BlockDiag (BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag), BPMN, Bytefield, C4 (with PlantUML), Ditaa, Erd, Excalidraw, GraphViz, Mermaid, Nomnoml, Pikchr, PlantUML, Structurizr, SvgBob, UMLet, Vega, Vega-Lite, WaveDrom... and more to come!
Looking to add some premium squircley goodness to add to your designs? Squircley is all you need to start creating beautiful organic shapes ready to use for logos, icons and background images.
The generator exports SVG files which can be copied straight to the clipboard for dropping into your HTML / CSS or downloaded to your computer ready to use in your design software of choice (Figma, Sketch, Framer, XD, etc)
Random Favicon Generator is a free online tool to easily create icons and favicons for your website from a set of over 1950 free MIT-licensed high-quality SVG icons
A free font editor for TTF, OTF and SVG fonts.
Birdfont is a free font editor which lets you create vector graphics and export TTF, OTF and SVG fonts. The editor has good support for both monochrome and color font formats.
A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares.
Mermaid to Motion. Animated, interactive And visuals Mermaid Diagrams.
Paste Mermaid, watch it breathe with cinematic SVG animation.
All popular icon sets, one framework. Freedom to choose icons. Over 150,000 open source vector icons.
Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (100+ icon sets, 100,000+ icons). SVG framework, React, Vue and Svelte components!
If you've ever looked at the SVG code for an icon before, you might have noticed that they're usually made up of a bunch of path elements, each with a cryptic d attribute.
Download 5.3 Million+ Icons, 3D Illustrations, and Lottie Animations. Curated SVGs, Vector Icons, Illustrations, 3D graphics, and Lottie Animations. Over 7000+ new assets added every day. Integrated plugins, tools, editors, and more.
Free SVG Vectors and Icons. 500.000+ Open-licensed SVG Vector and Icons.
Related contents:
A lightweight library for manipulating and animating SVG.
Not your standard vector icons - 486 open-source line pixel-art style icons, in one color and made with a 24x24px grid by Gerrit Halfmann. Pro version with 1,944 icons with 4 variants!
Pixelarticons are presented in a singular color scheme, embodying a line art variant that captures the essence of minimalist and brutalist design principles. The Pro version expands this offering to 1,944 icons, available in four distinct styles, ensuring versatility and adaptability across a broad range of design projects.
Over 3200 pixel-perfect icons for web design. Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. We're expanding the icon set as much as possible while keeping it nice-looking.
Related contents:
Cute illustrations for React Apps.
React Kawaii is an open source library of cute SVG illustrations. Perfect if you want to give some cuteness to your React App.
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Related contents:
Refreshingly simple. Premium icons for websites and applications.
Related contents:
Beautiful & cool backgrounds with 10+ tools!. Create unique graphics for social media posts, landing pages and branding in a few clicks. Then export them as images, or even code (SVG & CSS).
Mermaid Rendering, Made Beautiful. Ultra-fast, fully themeable, zero DOM dependencies. Built for the AI era.
An open source library for rendering diagrams, designed for the age of AI: beautiful-mermaid. Ultra-fast, fully themeable, and outputs to both SVG and ASCII.
A lightweight graphics library with an intuitive graphics API and an SVG renderer.
Free repeatable SVG background patterns for your web projects. A collection of repeatable SVG background patterns for you to use on your web projects.
SVG Drawing Animation Generator.
SVG Artista is a tool that helps you animate stroke and fill properties in your SVG images with plain Css code. It should work fine with path, line, polyline, rect, circle, ellipse and polygon elements. It cannot animate SVG gradients though, so please keep that in mind.
Related contents:
D3 (or D3.js) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.
JavaScript animation engine. Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
Related contents:
Create stunning vector illustrations in seconds. Create stylish & consistent vector illustrations in seconds
Just type a prompt and our AI will generate four unique vector illustrations that maintain a consistent style. Perfect for busy web agencies and creative individuals, it simplifies and speeds up your design process.
A Simple Image To SVG Vector Converter
GitHub repository: https://github.com/wwebdev/convert2svg
Convert 2D PNG/JPG Images to 3D STL Mesh files!
Use our free and fast online tool to convert your PNG and JPG 2D heightmap images or logo into 3D STL (stereolithography) mesh/model files suitable for printing with a 3D printer, CNC machining or for loading into your favourite 3D editing package.
The SVG Circular Menu Generator Circulus.svg est un outil vous permettant de générer facilement des menus circulaires SVG avec ou sans animation Javascript.
Official Implementation of KnobGen: Controlling the Sophistication of Artwork in Sketch-Based Diffusion Models
A jQuery plugin that will provided shortest route through a series of one or more svg maps from a given start location to a destination using routing information encoded into the svg file.
A gooey text hover effect using SVG filters
700+ CSS Icons, Customizable, Retina Ready & API. Open-source CSS, SVG and Figma UI Icons.
Available in SVG Sprite, styled-components, NPM & API.
Founded in 2004, Open Clipart is an online media collection of more than 160 000 vectorial graphics, entirely in the public domain.
Simply beautiful open source icons. Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.
Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really.
180K+ open source icons.
Download, Customize, Edit and Personalize.Over 180k+ open source icons.
Pose Animator takes a 2D vector illustration and animates its containing curves in real-time based on the recognition result from PoseNet and FaceMesh. It borrows the idea of skeleton-based animation from computer graphics and applies it to vector characters.
CoreUI Icons is an open-source icon set with more than 1500 icons in multiple formats SVG, PNG, and Webfonts. CoreUI Icons are beautifully crafted symbols for common actions and items. You can use them in your digital products for web or mobile app.
Simple and clean SVG icon pack with the code to support Rails, Sprockets, Node.js, Gulp, Grunt and CDN.
A simple but nice header image generator for your Github profile or project.
Procedurally generated Chinese landscape painting. Procedurally-generated vector-format infinitely-scrolling Chinese landscape for the browser.
SVGs are awesome! Thanks to math and geometry, SVG graphics give us a standardized way to create images and icons on the web to be displayed at any size without any loss in image quality. Here's an interactive reference to the most popular and/or interesting parts of the SVG spec.
Bring Design Freedom to your Product Team. Designers and developers can finally work in unison to build beautifully designed software experiences that truly scale up.
Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open standards (SVG). Penpot invites designers all over the world to fall in love with open source while getting developers excited about the design process in return.
JavaScript 3D Library.
The aim of the project is to create an easy to use, lightweight, cross-browser, general purpose 3D library. The current builds only include a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available as addons.
Related contents:
Beautiful animated waves. nice-waves is a Vanilla JS library that makes creating waves a breeze.