Design

Master SVG accessibility: Learn techniques for ARIA roles, testing, and creating inclusive graphics that work for everyone.

Copy an inline SVG image's source code

Drawio GitHub Integration

I recently added dark mode support to my website. While doing so I found a neat trick to make SVG images that changes colors depending on if dark mode is active or not.

I have looked at the documentation and I have tried to change the color of a mat-icon like so: <mat-icon class="white" color="primary" svgIcon="back"></mat-icon><span class="backTex...

It turns out what I missed was the SVG Security page on the W3C’s wiki, where it says external SVGs brought in via are denied the ability to fetch other resources. So that answers that.https://t.co/xcLR6kIKCH(hat tip: @shshaw)— eric_meyer.css (@meyerweb) August 11, 2022

Boxy SVG project goal is to create the best tool for editing SVG files.

Free loaders & spinners for your next project. Built with HTML, CSS and a soupçon of SVG. Available for React and copypasta.

Download Drawicons for free now and get over 200 hand drawn vector icons to spice up your design projects and creative work.

There are a lot of different ways to use SVG. Depending on which way, the tactic for recoloring that SVG in different states or conditions — :hover,

Iconoir is one of the biggest open source libraries with currently 914 SVG Icons. No premium icons, no email sign-up, no newsletters.

by Kitty Giraudel

SVGBox makes it dead-easy to include icons in your project. Simple tags: that's all you need. No CSS, JS, file uploads, or inline SVGs. It's completely free and delivered over Cloudflare CDN, the same technology that powers CDNJs's 190B+ monthly requests .

A collection of repeatable SVG background patterns for you to use on your web projects.

Open source browser tools for everyday use - Triangle generator - Color shades generator - Curved page dividers - SVG compressor - SVG → JSX - Base64 encoding - Fake data generator - Symbols collection - Lorem ipsum

Tiny minimal 1px icon set by Anja van Staden with more than a thousand icons → https://github.com/teenyicons/teenyicons.com

550+ Highly customizable free SVG icons (MIT licence) https://github.com/tabler/tabler-icons

A set of over 450 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.

by @Elliotdahl