Oui Icon Pack

npm i -S @oberd/oui-icons

import { Icon } from '@oberd/oui-icons';
<Icon name="user-md" />

Getting the assets into the browser

gulp.task('copy-assets', () =>
    gulp.src('node_modules/@oberd/oui-icons/dist/fonts/*')
        .pipe(gulp.dest('/my/apps/public/folder/css/fonts'))
)

@import '../../node_modules/@oberd/oui-icons/dist/style.css';

Overriding the location of the fonts

Sometimes, you don't want to put your fonts into the default css/fonts directory. In this case, you can override the location of the fonts by including this font-face after the fonts css. Replace /fonts/icomoon with your path.

@font-face {
    font-family: 'icomoon';
    src:url(/fonts/icomoon/icomoon.eot?2d64dcbc805d7541a98a4c0028dcee18);
    src:url(/fonts/icomoon/icomoon.eot?2d64dcbc805d7541a98a4c0028dcee18?#iefix-8v9cjq) format('embedded-opentype'),
        url(/fonts/icomoon/icomoon.woff?699512566169bb1393784a92a8174514) format('woff'),
        url(/fonts/icomoon/icomoon.ttf?ff90a605adb1777998e8d52ca119a346) format('truetype'),
        url(/fonts/icomoon/icomoon.svg?1ea344970e0e721e8f529372c2cc88b6) format('svg');
    font-weight: normal;
    font-style: normal;
}

| Asset | Location | | ------------- | ------------- | | dist/style.css | Put this where your css is, or include in your css build | | dist/fonts/icomoon.ttf | Must be located in a relative path of fonts/ to your stylesheet | | dist/fonts/icomoon.eot | Must be located in a relative path of fonts/ to your stylesheet | | dist/fonts/icomoon.svg | Must be located in a relative path of fonts/ to your stylesheet | | dist/fonts/icomoon.woff | (IE8 Only) Must be located in a relative path of fonts/ to your stylesheet |