Svg
by software-mansion-labse3f00cdb3494No license291 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 10 days ago
Software Mansion's best practices for SVG rendering in React Native apps using React Native SVG. Use when rendering vector graphics, icons, charts, illustrations, or any SVG content. Trigger on: 'react-native-svg', 'SVG', 'vector graphics', 'render icon', 'draw shape', 'chart', 'path', 'Svg component', 'SvgUri', 'SvgXml', 'SvgCss', 'FilterImage', 'SVG filter', or any request to display scalable vector content in a React Native app.
- e3f00cdb3494Currentcommit e3f00cdPublished Oct 8, 2026
Source and attribution
Source:software-mansion-labs/skillsinskills/react-native-best-practices/references/svgat commite3f00cd
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from software-mansion-labs/skills
Rich Text
software-mansion-labs
Guides building rich text editors and HTML or Markdown renderers in React Native using Software Mansion's enriched libraries.
Jsi
software-mansion-labs
Reference guidance for writing React Native JSI C++ code that bridges native code and the JavaScript engine.
Gestures
software-mansion-labs
Best practices for implementing touch gestures in React Native apps with React Native Gesture Handler.
Enable Worklets Bundle Mode
software-mansion-labs
Enables react-native-worklets Bundle Mode in a React Native or Expo app, including the required metro patches.
Audio
software-mansion-labs
Best-practice guidance for implementing audio playback, recording, effects and analysis in React Native apps.
Animations
software-mansion-labs
Reference patterns for building production animations in React Native with Reanimated 4, Skia, WebGPU and TypeGPU.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.