Svgl React is an open-source npm package that offers a collection of high-quality brand SVG logos as reusable React components with complete TypeScript support.
You can easily use these logos in your React, Next.js, or other frontend projects, with built-in support for both light and dark variants.
This package is powered by the official pheralb/svgl repository.
- Fully typed React components via
@svgr - Light and dark mode variants when available
- Tree-shakable — import only what you use
npm install @ridemountainpig/svgl-react
# or
yarn add @ridemountainpig/svgl-react
# or
pnpm add @ridemountainpig/svgl-react
# or
bun add @ridemountainpig/svgl-reactVisit the Svgl Components page to explore the available Svgl components. You can search for components by pressing ⌘ + k and entering the SVG name. If you're unsure which SVGs are available, visit Svgl to find the one you need.
import { Svgl } from "@ridemountainpig/svgl-react";
export default function SvglReact() {
return <Svgl />;
}Find the Svgl components and examples in the documentation.
- svgl-vue for the Vue eco-system.
- svgl-svelte for the Svelte eco-system.
MIT License © Yen Cheng Lin