Tag feed

#svg

392 posts92 followers

Explore Hashnode

Alternatives

Trending tags this week

TPThomas Portelangeblog.lekoala.be5h ago · 5 min read

Stop installing Tabler Icons: build a sprite instead

Every time I ask a coding agent to add an icon to a project, the same thing happens: it runs npm install @tabler/icons-webfont. It is the obvious move. It is also a bad one. This blog entry serves as

0

OAOguzhan Atalayblog.oguzhanatalay.com2d ago · 14 min read

Engraving Images Live in the Browser: Generative Line Art with SVG and WebGL

Every image on oguzhanatalay.com is an engraving, and none of them ships as an image file. The portrait, the mountain range behind it, the ten illustrated plates in the work section and the sea at the

0

BCBeta Calendars2027.hashnode.dev2d ago · 13 min read

The Geometry Behind a Printable Year: Building a Deterministic Calendar Rendering Pipeline

A printable calendar is often treated as a date-formatting feature: find the first day, place numbers in boxes, then call window.print(). That description skips most of the hard parts. A reliable resu

0

URUmair Ranadevomnitools.hashnode.dev4d ago · 5 min read

Why Your SVG Icons Break When Converted to Web Fonts (And How to Fix Inverted Glyphs)

Converting SVGs into custom icon fonts sounds straightforward until you compile your first glyph set. You export ten clean icons from Figma or Illustrator, feed them into an icon font generator, and o

0

CACX ArtLabcxlab.hashnode.devSep 9 · 3 min read

I built an avatar component for a Grok Bot-like AI app, then realized it could also work as a standalone open-source project

I’m working on a small AI project that’s somewhat similar in spirit to Grok Bot. One of the first things I needed was a character/avatar, so I started there. I ended up spending more time on the avata

0

TITaofeeq Ibraheemstepdiag.hashnode.devSep 3 · 4 min read

Building a Lightweight Interactive Workflow Diagram Renderer with Vanilla JavaScript and SVG

When building documentation tools, visual workflow builders, or interactive documentation pages, pulling in massive heavy graph libraries can bloat your bundle size. If your use case only requires ren

0

VKVansh Kabravansh3104.hashnode.devAug 23 · 3 min read

Week 12: The End of GSoC 2026

And just like that, twelve weeks of GSoC are over. Looking back, this project started with a fairly simple goal: build native SVG import and export for p5.js using the new p5.Shape system. It ended up

0

RRRoman Riaboshtanroman-riaboshtan.hashnode.devAug 16 · 22 min read

Why Figma SVG Icons Disappear in the Browser

This usually starts with a perfectly ordinary message: “Can you export this icon from Figma?” Someone copies it, opens the file in a browser, and gets nothing. Or a tiny mark in the middle of a huge w

0

RRRoman Riaboshtanroman-riaboshtan.hashnode.devAug 12 · 20 min read

Inline SVG vs <img> vs CSS Background vs SVG Sprite: Choosing the Right Fit

Teams rarely argue about SVG itself. The argument is usually about how to put it on the page. Make that decision once in a hurry and it can hang around for several release cycles. The usual problems a

0

CTColor Toolfreecolortool.hashnode.devAug 13 · 1 min read

Quick way to recolor SVG icons without opening a design tool?

I was working on a few icons recently and needed to change their colors quickly. Normally I would open the SVG in a design tool or edit the code manually, but that feels a bit too much when you only n

0

#svg

Search Hashnode

#svg

Explore Hashnode

Trending tags this week

Stop installing Tabler Icons: build a sprite instead

Engraving Images Live in the Browser: Generative Line Art with SVG and WebGL

The Geometry Behind a Printable Year: Building a Deterministic Calendar Rendering Pipeline

Why Your SVG Icons Break When Converted to Web Fonts (And How to Fix Inverted Glyphs)

I built an avatar component for a Grok Bot-like AI app, then realized it could also work as a standalone open-source project

Building a Lightweight Interactive Workflow Diagram Renderer with Vanilla JavaScript and SVG

Week 12: The End of GSoC 2026

Why Figma SVG Icons Disappear in the Browser

Inline SVG vs <img> vs CSS Background vs SVG Sprite: Choosing the Right Fit

Quick way to recolor SVG icons without opening a design tool?