Nicolas Contreras

Welcome to the Nejca Icons Documentation

Getting Started

Nejca Icons is a tool that converts SVGs into fully customizable React components. You can adjust icon colors, sizes, and styles, making it ideal for use in your React and Next.js projects.

Follow these steps to start using Nejca Icons:

  • Upload your SVG file.
  • Copy the generated React component code and use it in your project.

Code Example

"Once you've converted your SVG, you can use it in your React components as follows:"

import MyIcon from './path-to-icon';

<MyIcon width="50" height="50" color="purple" />

Features

Nejca Icons offers several customization options for your SVG icons:

  • Adjust the width and height of icons dynamically.
  • Set the color using either the `color` prop or `currentColor` in your CSS.
  • Add CSS classes for additional styling or animations.