@reverb-ui/icons

📦 reverb-package-icons

This is the core project of Reverb Icons, which is used to import figma icons and export to svg.

📦 Install

npm install reverb-package-icons

yarn add reverb-package-icons

🔨 Usage

import AppDrawer from 'reverb-package-icons/AppDrawerLg.svg';
import styled from "styled-components";

const Svg = styled(AppDrawer)`
  path {
    fill: red;
  }
`;

const App = () => (
  return <AppDrawer />
);

Folder Structure

.
├── config.js         # Configuration used to create icons-config.json which is used by the figma-export-icons lib
├── package.json      # Configuration of package scripts
├── .env              # Configuration where the accesses to figma appear
├── LICENSE
└── README.md

Use short lowercase names at least for the top-level files and folders except LICENSE, README.md

⌨️ Development

Clone locally:

 git clone ssh://[e-mail]:2222/reverb/package/reverb-package-icons.git

or

 git clone https://gitlab.rockcontent.com/reverb/package/reverb-package-icons.git

then:

 cd reverb-package-tokens

Ready now, just do what you need and open a new Pull Request with your changes.

For learn more about contribuing in our project, you can read this article - Gitflow workflow