Svg icon for react.
npm install -S @jswork/react-svg-icon
Name | Type | Required | Default | Description |
---|---|---|---|---|
className | string | false | - | The extended className for component. |
iconClass | string | false | 'icon' | The main(prefix) icon class. |
value | string | false | - | The icon name. |
size | union | false | - | The icon size(font-size). |
- import css
@import "~@jswork/react-svg-icon/dist/style.css";
// or use sass
@import "~@jswork/react-svg-icon/dist/style.scss";
// customize your styles:
$react-svg-icon-options: ()
- import js
import ReactDemokit from '@jswork/react-demokit';
import React from 'react';
import ReactDOM from 'react-dom';
import ReactSvgIcon from '@jswork/react-svg-icon';
import './assets/style.scss';
class App extends React.Component {
render() {
return (
<ReactDemokit
className="p-3 app-container"
url="https://github.com/afeiship/react-svg-icon">
<div className="is-item">
<ReactSvgIcon value="iconPaaS_test" />
<ReactSvgIcon value="iconTPA-icon_huaban1" />
<ReactSvgIcon value="iconTPA-icon_huaban1fuben17" />
</div>
<div className="is-item">
<ReactSvgIcon value="icondiag_file_blue-74" size="20" />
<ReactSvgIcon value="icondiag_parallel" size="40" />
<ReactSvgIcon value="iconPaaS_group" size="50" />
</div>
</ReactDemokit>
);
}
}
ReactDOM.render(<App />, document.getElementById('app'));
Code released under the MIT license.