@saschazar/unicat-icons

🦄 🐈 Unicat icons

a collection of .svg icons for React, React Native and react-sketchapp with TypeScript support.

Prerequisites

• React v16.9 and up, or
• React Native v0.61.1 and up, or
• react-sketchapp v3.0.0-beta.9 and up
• optionally a working TypeScript setup

(of course a Next.js also works, when using React for the web)

Install

npm install @saschazar/unicat-icons or yarn add @saschazar/unicat-icons respectively.

Usage

React (default)

import { KeyIcon } from '@saschazar/unicat-icons';

export default function () {
  return <h1>A Headline with a key icon <KeyIcon /></h1>;
}

React Native

import { Text, View } from 'react-native';
import { KeyIcon } from '@saschazar/unicat-icons/native';

export default function () {
  return (
    <View>
      <Text>A Text with a key icon <KeyIcon /></Text>
    </View>
  );
}

react-sketchapp

import { Artboard, Text } from 'react-sketchapp';
import { KeyIcon } from '@saschazar/unicat-icons/sketchapp';

export default function () {
  return (
    <Artboard>
      <Text>A Text with a key icon <KeyIcon /></Text>
    </Artboard>
  );
}

License

MIT