svg Archives - LogRocket Blog

How to import SVGs into your Next.js apps

This article will explore the different methods you can use to import and use SVGs in a Next.js application.

Joseph Mawa
Mar 24, 2023 8 min read

Learn how to create and style a circle of fifths image into an interactive SVG using CSS functions.

Mads Stoumann
Feb 1, 2023 4 min read

Learn how to use or render an SVG image on a React webpage, the pros and cons, and using components like...

Nedy Udombat
Dec 12, 2022 7 min read

In comparison to bulky gifs and videos, animations added to websites using SVGs and CSS have a faster load time.

Hope Armstrong
Jul 12, 2022 8 min read

Progress components make for a comfortable UX. Learn how to implement them using SVG and React (plus React Hooks) in this...

Uzochukwu Eddie Odozi
Jul 6, 2022 10 min read

In this article, we’ll introduce Pablo and discuss how it can be used to create both simple and complex SVG shapes....

David Omotayo
Jan 4, 2022 9 min read

SVG offers several advantages over bitmap files when it comes to image quality. Learn how and when to use SVG files...

Majid Hajian
Sep 10, 2021 4 min read

This is a complete guide to using SVG with Vue, including practical examples and best practices to help you along the...

Josh Collinsworth
Sep 7, 2021 12 min read

In this analysis, we take an in-depth look at whether the popular performance optimization tool SVGO is really worth the hype.

Shubham Jain
Aug 3, 2021 5 min read

Learn how to bring your vector graphics into Three.js with SVGLoader in this detailed tutorial with in-depth examples.

Arek Nawo
Jul 28, 2021 6 min read

Canvas and SVG allow web developers to draw images onto the screen, but they have very different APIs and approaches to...

Matthew Swensen
May 10, 2021 5 min read

If you are putting out digital content, there is a high chance that your audience will view it on a mobile...

Paul Cowan
Jan 20, 2021 4 min read