Swegon Component Library

Icon: Avatar Checked 

<svg class="icon " focusable="false">
    <use xlink:href="#icon-avatar-checked"></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": "avatar-checked"
}
  • Content: 
    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;
  • URL: /components/raw/icon/index.jsx
  • Filesystem Path: src/components/icon/index.jsx
  • Size: 408 Bytes

Icons used throughout the project.