# gilbarbara/react-inlinesvg

An SVG loader component for ReactJS

Repository: https://github.com/gilbarbara/react-inlinesvg
Canonical: https://ross.abutalabs.com/products/react-inlinesvg
Homepage: https://codesandbox.io/s/github/gilbarbara/react-inlinesvg/tree/main/demo
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, svg, remote-svgs, react-components
Last push: 2026-06-30T16:33:37+00:00

## Health v2 (maintenance only)
Score: 88/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 90, release rhythm 78, longevity 100
- inputs: {"age_days": 4546, "days_push": 64, "days_rel": 64, "gap_med": 33, "n_releases_24m": 10}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1321, forks 104 (observed 2026-08-28T04:04:21.918921+00:00)

## What it is
A React component library that loads and inlines SVG files from local paths, remote URLs, data URIs, or raw SVG strings. It caches remote requests, supports SSR, and offers flexible props for styling, fallbacks, and load callbacks.

## Use cases
- render inline svg icons in react
- load remote svg files into react components
- inline svg from a bundler import
- show svg with fallback content on load error
- cache remote svg requests in a react app
- server-side render svgs in next.js

## When to choose
- you need SVGs inlined into the DOM so CSS can style them
- you load SVGs from remote URLs and want request caching
- you need SSR-safe SVG loading in React

## When to avoid
- you only need static SVGs and can import them directly via your bundler
- you are not using React
- you need heavy SVG manipulation or animation features

## Facets
- artifact type: library
- maturity: active
- function: ui-components, http-client, caching
- domain: frontend, web-development, graphics
- platform: cross-platform
- tags: react, svg, svg-loader, inline-svg, remote-svgs, ssr-safe, nodejs, web-server

## Member repositories
- gilbarbara/react-inlinesvg (main) score 88

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:21.918921+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:47:17.559065+00:00, confidence not recorded.
  - readme: https://github.com/gilbarbara/react-inlinesvg (fetched 2026-08-28T04:04:21.918921+00:00, sha 924826299ce0)
  - registry_npm: https://registry.npmjs.org/react-inlinesvg (fetched 2026-08-29T12:06:23.041340+00:00, sha 846eae75aee3)
- Data as of 2026-08-30T08:39:29.467469+00:00.