{"library":"react-inlinesvg","type":"library","category":null,"description":"react-inlinesvg is a React component and hook designed for loading and rendering SVG files directly inline within your application's DOM. It supports various `src` inputs including local paths, remote URLs, data URIs, and raw SVG strings, offering broad flexibility. The current stable version is 4.3.0. The package maintains an active release cadence, frequently publishing minor updates for bug fixes, dependency upgrades, and new features, such as the `useInlineSVG` hook introduced in v4.3.0. Key differentiators include robust caching mechanisms for remote SVGs (both in-memory and browser cache with `CacheProvider`), server-side rendering (SSR) compatibility, and extensive customization through props like `preProcessor` for SVG content manipulation, `loader` for loading states, and comprehensive error handling callbacks. This enables developers to dynamically style and interact with SVGs, addressing common challenges like external stylesheet coupling and inefficient image requests.","language":"javascript","status":"active","version":"4.3.0","tags":["javascript","react","svg","typescript"],"install":[{"cmd":"npm install react-inlinesvg","imports":["import SVG from 'react-inlinesvg';","import { useInlineSVG } from 'react-inlinesvg';","import CacheProvider from 'react-inlinesvg/provider';"]},{"cmd":"yarn add react-inlinesvg","imports":[]},{"cmd":"pnpm add react-inlinesvg","imports":[]}],"homepage":null,"github":"https://github.com/gilbarbara/react-inlinesvg","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/react-inlinesvg","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/react-inlinesvg/compatibility"},"provenance":{"verified_status":null,"verified_at":null,"last_verified":"Wed Jun 17","next_check":"Sat Jul 18","install_tag":null}}