How to use react-icons-kit - 7 common examples
To help you get started, we’ve selected a few react-icons-kit examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
Harmoware / Harmoware-VIS / lib / components / reverse-button.js View on Github 
value: function render() {
var _props = this.props,
children = _props.children,
i18n = _props.i18n,
className = _props.className;
return _react2.default.createElement(
'button',
{ onClick: this.setAnimateReverse.bind(this), className: className },
children === undefined ? _react2.default.createElement(
'span',
null,
_react2.default.createElement(_reactIconsKit.Icon, { icon: _md.ic_replay }),
'\xA0',
i18n.reverseButtonCaption
) : _react2.default.createElement(
'span',
null,
children
)
);
}
}]);value: function render() {
var _props = this.props,
children = _props.children,
i18n = _props.i18n,
className = _props.className;
return _react2.default.createElement(
'button',
{ onClick: this.setAnimatePause.bind(this), className: className },
children === undefined ? _react2.default.createElement(
'span',
null,
_react2.default.createElement(_reactIconsKit.Icon, { icon: _md.ic_pause_circle_outline }),
'\xA0',
i18n.pauseButtonCaption
) : _react2.default.createElement(
'span',
null,
children
)
);
}
}]);value: function render() {
var _props = this.props,
children = _props.children,
i18n = _props.i18n,
className = _props.className;
return _react2.default.createElement(
'button',
{ onClick: this.setAnimatePause.bind(this), className: className },
children === undefined ? _react2.default.createElement(
'span',
null,
_react2.default.createElement(_reactIconsKit.Icon, { icon: _md.ic_play_circle_outline }),
'\xA0',
i18n.playButtonCaption
) : _react2.default.createElement(
'span',
null,
children
)
);
}
}]);value: function render() {
var _props = this.props,
addMinutes = _props.addMinutes,
children = _props.children,
i18n = _props.i18n,
className = _props.className;
return _react2.default.createElement(
'button',
{ onClick: this.addMinutes.bind(this, addMinutes), className: className },
children === undefined ? _react2.default.createElement(
'span',
null,
addMinutes > 0 ? _react2.default.createElement(_reactIconsKit.Icon, { icon: _md.ic_fast_forward }) : _react2.default.createElement(_reactIconsKit.Icon, { icon: _md.ic_fast_rewind }),
'\xA0',
addMinutes,
'\xA0',
i18n.minutesCaption
) : _react2.default.createElement(
'span',
null,
children
)
);
}
}]);value: function render() {
var _props = this.props,
children = _props.children,
i18n = _props.i18n,
className = _props.className;
return _react2.default.createElement(
'button',
{ onClick: this.setAnimateReverse.bind(this), className: className },
children === undefined ? _react2.default.createElement(
'span',
null,
_react2.default.createElement(_reactIconsKit.Icon, { icon: _md.ic_forward }),
'\xA0',
i18n.forwardButtonCaption
) : _react2.default.createElement(
'span',
null,
children
)
);
}
}]);import { connect } from 'react-redux';
import { Row, Col, Slider, Button, Icon, Tooltip } from 'antd';
import { withBaseIcon } from 'react-icons-kit';
import { repeat } from 'react-icons-kit/ikons/repeat';
import { ic_repeat_one } from 'react-icons-kit/md/ic_repeat_one'
import { shuffle } from 'react-icons-kit/ikons/shuffle';
import { volume_2 } from 'react-icons-kit/ikons/volume_2';
import { volume_mute } from 'react-icons-kit/ikons/volume_mute';
import Artists from './Artists';
import MVIcon from './MVIcon';
import PlayingList from './PlayingList';
import { toMinAndSec } from '../lib/time_converter';
import { musicPlayer } from '../../../config';
const Icon1 = withBaseIcon({
size: 20,
style: {
color: 'white',
verticalAlign: 'middle',
paddingLeft: 10
},
});
const modeIcons = {
loop: repeat,
single: ic_repeat_one,
shuffle: shuffle,
};
const playModes = ['loop', 'shuffle', 'single'];
const modeExplanations = {
loop: '循环',import { shuffle } from 'react-icons-kit/ikons/shuffle';
import Playlist from './Playlist';
import { toMinAndSec } from '../lib/time_converter';
import { musicPlayer } from '../../../config';
import neteaseMusicLogo from '../images/netease_16.ico';
import qqMusicLogo from '../images/qq_16.ico';
import xiamiMusicLogo from '../images/xiami_16.ico';
notification.config({
placement: 'bottomRight',
bottom: 50,
duration: 3,
});
const Icon1 = withBaseIcon({
size: 22, style: { color: 'black', verticalAlign: 'middle' }
});
const modeIcons = {
loop: repeat,
single: ic_repeat_one,
shuffle: shuffle,
};
const playModes = ['loop', 'single', 'shuffle'];
const modeExplanations = {
loop: '循环',
single: '单曲循环',
shuffle: '随机',
};
const isiOS = Boolean(navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/));react-icons-kit
React Icons Kit using various Svg Icon set
