{"library":"react-svg","type":"library","category":null,"description":"react-svg is a React component designed to fetch SVG files from a given URL and inject their raw markup directly into the DOM, rather than rendering them as `<img>` tags. This approach, powered by the underlying `@tanem/svg-injector` library, enables full manipulation of the SVG's internal elements via CSS and JavaScript, unlocking possibilities like dynamic styling, animation, and interactivity that are not possible with traditional `<img>` elements. It also features client-side caching of fetched SVGs to reduce redundant network requests for repeated assets. The package is actively maintained, with its current stable version being 17.2.4, and exhibits a healthy release cadence, often seeing updates within a three-month window. It ships with TypeScript type definitions, enhancing development in TypeScript environments.","language":"javascript","status":"active","version":"17.2.4","tags":["javascript","dom","html","images","img","react","scalable vector graphics","svg","typescript"],"install":[{"cmd":"npm install react-svg","imports":["import { ReactSVG } from 'react-svg'","import type { ReactSVGProps } from 'react-svg'","import { SVGInjector } from '@tanem/svg-injector'"]},{"cmd":"yarn add react-svg","imports":[]},{"cmd":"pnpm add react-svg","imports":[]}],"homepage":null,"github":"https://github.com/tanem/react-svg","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/react-svg","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-svg/compatibility"},"provenance":{"verified_status":null,"verified_at":null,"last_verified":"Wed Jun 17","next_check":"Sat Jul 18","install_tag":null}}