How to use - DIcons

DIcons is built with ES Modules, so it's completely tree-shakable.

Each icon can be imported as a React component, which renders an inline SVG element. This way, only the icons that are imported into your project are included in the final bundle. The rest of the icons are tree-shaken away.

pnpm dlx install dicons

Example

import { Camera } from 'dicons';
 
// Usage
const App = () => {
  return <Camera color="red" size={48} />;
};
 
export default App;