Seven-pointed stars in shades of greens are scattered across a deep blue sky. They are reflected in a heaving green and blue sea, the reflections twisted and made strange from the reflection curve.

#GenerativeArt interlude

An experiment with reflection across a curve, reflection along tangent at nearest point

#XQuery #SVG #CreativeCoding

SVGs on the web: performance comparison based on how you load them | Joan León Inline, sprite with <use>, <object>, <img>... each way of loading an SVG has different implications for performance, caching and rendering. A practical analysis to help you choose well.

SVGs on the Web: Performance Comparison Based on How You Load Them, by @nucliweb@webperf.social:

https://joanleon.dev/en/svg-optimization/

#svg #images #performance #comparisons

ICAO: 486491
Owner: KLM
Flt: KLM58F PHNXH E295 SVG-AMS
Time: 2026-03-31 07:03:57 CEST
Min Alt: 5985 m
Min Dist: 18.3 km (-88deg W)
Squawk: 0745
adsb aboveFRL EHLW adsbexchange flightaware

CSS is DOOMed! Every wall, floor, barrel, and imp is a div — DOOM rendered entirely in CSS. Using 3D transforms, CSS math functions, @property, clip-path, anchor positioning, and SVG filters to build a fully playable...

#Development #Explorations
CSS is DOOMed · “Can CSS run DOOM? Yes. Yes it can.“ ilo.im/16bqpx by Niels Leenheer

_____
#Games #3D #Scenes #Animations #Browsers #WebDev #Frontend #SVG #CSS #JavaScript

Where does your icon code need to land most often?

A) plain SVG
B) React component
C) Vue component
D) native output (SwiftUI / VectorDrawable / XAML)

Reply with A / B / C / D 👇

Curious where UI teams need icon output most right now.

#webdev #frontend #svg #react #vue #ios #android

heerich.js Tiny engine for 3D voxel scenes rendered to SVG — boolean ops, oblique/perspective cameras, zero dependencies.

meodai.github.io/heerich/ #SVG

ICAO: 4855D1
Owner: KLM
Flt: KLM25C PHEXO E75L AMS-SVG
Time: 2026-03-30 13:03:35 CEST
Min Alt: 9884 m
Min Dist: 5.82 km (115deg ESE)
Squawk: 3172
adsb aboveFRL EHLW adsbexchange flightaware

ICAO: 484BD1
Owner: KLM
Flt: KLM15L PHEZF E190 AMS-SVG
Time: 2026-03-30 10:54:16 CEST
Min Alt: 9092 m
Min Dist: 2.82 km (119deg ESE)
Squawk: 3174
adsb aboveFRL EHLW adsbexchange flightaware

Stop rebuilding the same icon for every stack.
Draw it once.
IconVectors lets you work from a single SVG source and generate:
→ ReactTS
→ VueTS
→ SwiftUI
→ VectorDrawable
→ XAML / WPF Geometry
→ C++

Cleaner than recreating the same icon for every platform.
#DevTools #SVG #Frontend #WebDev #AppDev

Cascade — Icons for CSS Properties An open-source icon set where every icon represents a CSS property–value pair. Copy as SVG or React component.

#Design #Launches
Cascade Icons · Hand-crafted icons for CSS properties and their values ilo.im/16bmug by Andrew Flett

_____
#CSS #Icons #DesignTools #WebDesign #OpenSource #React #Development #WebDev #Frontend #SVG

The AlgoRiddim is here—fueling pure Soca frenzy for Spicemas & SVG Carnival 2026!
Four tracks. One riddim 👀👉 All vibes. www.sokah2soca.com/2026/03/the-...
#TheAlgoRiddim #Soca2026 #SVG #Spicemas #CaribbeanCarnival #Fryktion #ParryJack #Sokah2Soca #ProgressiveSoca #NewMusic #CarnivalVibes

GitHub - chenglou/pretext Contribute to chenglou/pretext development by creating an account on GitHub.

I like this library. Pretext. It's solving a lot of problems especially with systems that don't support multiline text natively, like #SVG and #Canvas element.
What's irritating is the cheerleading of some Javascript fans that attack using terms like "CSS zealots".
github.com/chenglou/pre...

Oh, and if dragging sounds like too much work, you can just double-click the tool to convert every PNG in the folder at once

#Rust #RustLang #OpenSource #SVG #Automation

The new v0.6.1 release for PNGToSVG includes an amazing new programmer art desktop icon! The tool makes quickly converting PNG images to SVG locally as easy as just dropping your image on the app to get your vector file.

github.com/mayuso/PNGTo...

#Rust #RustLang #OpenSource #SVG

stock.adobe.com/fr/contribut... #digitalmarketing #vectors #icons #svg

Recreating Apple's Liquid Glass Effect on the Web with CSS, SVG, and Physics-Based Refraction Calculations Introduction: The Liquid Glass Challenge Apple’s liquid glass effect is a visual...

Recreating Apple's Liquid Glass Effect on the Web with CSS, SVG, and Physics-Based Refraction Calculations Introduction: The Liquid Glass Challenge Apple’s liquid glass effect is a visual mas...

#css #svg #refraction #physics

Origin | Interest | Match

Lower Dark View Falls is a 60 foot / 18 meter tall waterfall on the island of St. Vincent in the Caribbean.

The lower portion of Dark View Falls on St. Vincent in the Caribbean!

#waterfall #nature #outdoors #hiking #svg #caribbean

waterfallrecord.com/2026/03/28/l...

A leafy tree spreads is branches over an abstract representation of ground and sky in soft greens and tans. The ground is represented as irregular craquelure; the sky as horizontal lines of various lengths. Both fade towards the horizon. The tree has a shadow, softly fading from trunk to leaves.

#GenerativeArt interlude

A rather attractive parametric l-system tree

#XQuery #SVG #CreativeCoding

Design UI assets. Export code. Ship faster.
IconVectors 1.40 combines:
→ vector editing
→ code export
→ MCP + AI workflows
Try it: iconvectors.io
#DevTools #SVG #ReactJS #VueJS

💡 Adding SVGs to your #PowerApps Canvas app shouldn’t require manual encoding.

@arjanrijsdijk.com shows how to convert #SVG files or raw code into ready-to-use image expressions and YAML snippets for Canvas apps.

📺 Watch now → youtu.be/uvsERQQ-Qmc

Daily "before and after" stuff.

Testing the web engine with amaizing art by PICKLE-SELLER (lospec.com/gallery/pick...).

Try it yourself: glorp.art

#PixelArt #SVG #Figma #GameDev

From idea to production-ready icons — faster than ever.

With IconVectors 1.40, you can draw or edit, get AI assistance via MCP, preview instantly, and export straight to React, Vue, XAML, or C++.

No plugins. No cleanup. Just a faster path from SVG to production.
#SVG #DevTools

SVG favicons that respect theme preference | pawelgrzybek.com Less of guide about the favicons and more a bug report of Safari that at the moment ignores media query user preferences in SVG favicons.

SVG favicons that respect theme preference: "Less of guide about the favicons and more a bug report of Safari that at the moment ignores media query user preferences in #SVG favicons." pawelgrzybek.com/svg-favicons...

Most AI tools stop at ideas.

The useful ones can act on real tools.

IconVectors 1.40 brings MCP to a real vector editor, so AI can help inspect, refine, preview, and export SVG work.

Not just talking about the workflow.
Actually working inside it.

#MCP #SVG #DevTools #Frontend

AI can now work inside your icon editor.
IconVectors 1.40 introduces MCP support.

With tools like Codex, Cursor, or Claude, you can now:

→ inspect an icon
→ modify SVG
→ generate shapes
→ export code

This is not AI around your workflow.
It’s AI inside your workflow.

#MCP #AI #SVG #DevTools

ICAO: 484C54
Owner: KLM
Flt: KLM25C PHEZP E190 AMS-SVG
Time: 2026-03-25 12:59:59 CET
Min Alt: 8681 m
Min Dist: 1.13 km (-79deg W)
Squawk: 3165
adsb aboveFRL EHLW adsbexchange flightaware

ICAO: 484FDF
Owner: KLM
Flt: KLM15L PHBCE B738 AMS-SVG
Time: 2026-03-25 11:20:41 CET
Min Alt: 8833 m
Min Dist: 22.85 km (-84deg W)
Squawk: 3150
adsb aboveFRL EHLW adsbexchange flightaware

The relief in seeing an #SVG #filter test producing consistent results cross-browser (well, minus a hairline issue in Epiphany)...

Because that's not always the case. And up until a few months ago, it wasn't the case for this particular test either...

Ko-fi and Patreon is where I post #SVG #filter stuff you won't find anyone else on the internet doing.

Including the how behind things like the one below, changing the hue for garments. Directly in the browser, without duplicating the image.

an svg drawing: raspberry pi pico on breadboard

Working on Raspberry Pi Pico SVG drawing. #inkscape #raspberrypi #svg