Add SVG icon support

This commit is contained in:
Alex Gleason
2021-09-12 18:54:38 -05:00
parent 1ea45f7cdb
commit 3bf15df730
7 changed files with 73 additions and 1 deletions

View File

@@ -0,0 +1,29 @@
/**
* SvgIcon: abstact component to render SVG icons.
* @module soapbox/components/svg_icon
* @see soapbox/components/icon
*/
import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import InlineSVG from 'react-inlinesvg';
export default class SvgIcon extends React.PureComponent {
static propTypes = {
src: PropTypes.string.isRequired,
className: PropTypes.string,
};
render() {
const { src, className } = this.props;
return (
<div className={classNames('svg-icon', className)}>
<InlineSVG src={src} />
</div>
);
}
}