✨ Symbols VSCode Icon Theme by Miguel Solorio, for React.
React-Symbols is a library for React with the icons of the VSCode theme "Symbols" by Miguel Solorio (@miguelsolorio):
React-Symbols require React >=16.8.0.
# with npm:
npm install @react-symbols/icons
# with pnpm:
pnpm add @react-symbols/icons
# with ultra:
ultra install @react-symbols/icons
# with yarn:
yarn add @react-symbols/icons
import { Angular, Astro, Document } from "@react-symbols/icons"
const MyComponent = () => {
return (
<>
<Angular width={128} height={128} />
<Astro width={128} height={128} />
<Document width={128} height={128} />
</>
)
}
export default MyComponent
Config for use the library with Remix Old Compiler if you are using CJS (v1 uses CJS by default, v2 uses ESM):
// Add in the remix.config.js:
module.exports = {
...
serverDependenciesToBundle: ["@react-symbols/icons"],
...
};
Change the name of the icon:
import { Bun as BunIcon } from "@react-symbols/icons"
const MyComponent = () => {
return (
<>
<BunIcon width={128} height={128} />
</>
)
}
export default MyComponent
This is a Turborepo project bootstrapped with create-turbo
:
For library:
For website: