Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
SVG use

3 Articles
{
,

}
Direct link to the article Optimizing SVG Patterns to Their Smallest Size
SVG svg pattern SVG use

Optimizing SVG Patterns to Their Smallest Size

I recently created a brick wall pattern as part of my #PetitePatterns series, a challenge where I create organic-looking patterns or textures in SVG within 560 bytes (or approximately the size of two tweets). To fit this constraint, I have …

Avatar of Bence Szabó
Bence Szabó on Mar 18, 2022
Direct link to the article svg-loader: A Different Way to Work With External SVG
SVG SVG use

svg-loader: A Different Way to Work With External SVG

SVGs are awesome: they are small, look sharp on any scale, and can be customized without creating a separate file. However, there is something I feel is missing in web standards today: a way to include them as an external …

Avatar of Shubham Jain
Shubham Jain on May 19, 2021
Direct link to the article Too Many SVGs Clogging Up Your Markup? Try `use`.
SVG SVG defs SVG use

Too Many SVGs Clogging Up Your Markup? Try `use`.

Recently, I had to make a web page displaying a bunch of SVG graphs for an analytics dashboard. I used a bunch of <rect>, <line> and <text> elements on each graph to visualize certain metrics.

This works and renders …

Avatar of Georgi Nikoloff
Georgi Nikoloff on Mar 10, 2021

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top