@ahaui/icons

Aha Design System - Icons

Usage no npm install needed!

<script type="module">
  import ahauiIcons from 'https://cdn.skypack.dev/@ahaui/icons';
</script>

README

Aha logo

Aha Design System - Icons

Collection of SVG icons for building web applications.
Explore Aha docs »

Report bug · Request feature

Status

CI npm bundle size npm version

Quick start

Installation

# With npm
npm install @ahaui/icons

# Or with yarn
yarn add @ahaui/icons

Usage

With Aha React

import React from 'react';
import { Plugins, Icon } from '@ahaui/react';
import { createIconAssetsPlugin } from '@ahaui/icons';

const IconAssetsPlugin = createIconAssetsPlugin();

Plugins.loadPlugin(IconAssetsPlugin);

function ExampleIcon() {
  return (
    <Icon name="contact">
  );
}

With pure React component

import React from 'react';
import { Icons } from '@ahaui/icons';

function ExampleIcon() {
  return (
    <svg
      width="24px"
      width="24px"
      viewBox="0 0 24 24"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
    >
      <path
        d={Icons[0].path}
        fill="#000000"
      />
    </svg>
  );
}

Copyright and License

Code and documentation copyright 2020 the Got It, Inc. Code released under the Apache-2.0 License.