@hbsis.uikit/react/src/components/dropdown/dropdown-icon.js

Biblioteca ReactJS

import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'

const DropdownIcon = ({ onClick, className }) => (
  <svg onClick={onClick} width='24px' height='24px' viewBox='0 0 24 24' className={className}>
    <g id='Symbols' stroke='none' strokeWidth='1' fill='none' fillRule='evenodd'>
        <g id='icn-action-menu' fill='#95A3B7'>
            <g id='Action-Menu'>
                <circle id='Oval' cx='11.5' cy='7.5' r='1.5'></circle>
                <circle id='Oval' cx='11.5' cy='12.5' r='1.5'></circle>
                <circle id='Oval' cx='11.5' cy='17.5' r='1.5'></circle>
            </g>
        </g>
    </g>
  </svg>
)

DropdownIcon.propTypes = {
  onClick: PropTypes.func
}

const StyledDropdownIcon = styled(DropdownIcon)`
  cursor: pointer;
`

export default StyledDropdownIcon