<svg class="icon " focusable="false">
<use xlink:href="#icon-close"></use>
</svg>
<svg class="icon {{ additionalClasses }}" focusable="false">
{{#each id}}
<use xlink:href="#icon-{{ this }}"></use>
{{else}}
<use xlink:href="#icon-{{ id }}"></use>
{{/each}}
</svg>
{
"additional_classes": "",
"id": "close"
}
import React from 'react';
import PropTypes from 'prop-types';
const Icon = (props) => (
<svg className={`icon ${props.additionalClasses}`} focusable="false">
<use xlinkHref={`#icon-${props.icon}`}></use>
</svg>
);
Icon.defaultProps = {
additionalClasses: ''
};
Icon.propTypes = {
additionalClasses: PropTypes.string,
icon: PropTypes.string.isRequired
};
export default Icon;
Icons used throughout the project.