Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
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
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
Minisites
  • The Power of Serverless
  • Upcoming Conferences
  • Coding Fonts
  • The Greatest CSS Tricks
Contact
  • Email
  • Guest Writing
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top