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...

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,

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

high quality svg logos

Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.

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

Add Vector Icons to Your Website. Create your icon fonts in seconds. Make your website faster. Over 9,000 icons available. Import your own vectors

Truly animated icon pack with power of scalable vector graphic for clean and perfect look at any devices.

Using IcoMoon you can easily search and download vector icons or generate fonts (icon fonts). This tool can also be used for icon set management. It can generate icon fonts, SVGs, PDFs, PNGs and sprites.

Using this app you can easily search and browse vector icons to download them or make an icon font. An icon font is a font that has symbols/icons as its glyphs. Using the IcoMoon app, you can also import your own vector images to use them in your font. This tool generates all the necessary web font formats (WOFF, TTF, SVG, and EOT). The SVG font can be imported back to the app.

Meteocons is a set of weather icons, it consists of 40+ icons available in PSD, CSH, EPS, SVG, Desktop Fonts and Web Font. All updates are free and will always be free.

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 .

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

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

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.

by Kitty Giraudel