UNPKG

@lessondesk/material-icons

Version:

Material Icon SVGs as React Components

28 lines (23 loc) 908 B
import React from 'react' import styled from 'styled-components' import { space, color } from 'styled-system' const Svg = styled('svg')({ flex: 'none' }, space, color) const ZodiacAriesIcon = ({ size, ...props }) => ( <Svg {...props} viewBox='0 0 24 24' width={size} height={size} fill='currentcolor' > <path d='M16,2C14.95,2 13.91,2.27 13,2.81C12.64,3 12.3,3.26 12,3.54C11.7,3.26 11.36,3 11,2.81C10.09,2.27 9.05,2 8,2C4.69,2 2,4.69 2,8C2,11.31 4.69,14 8,14V12C5.79,12 4,10.21 4,8C4,5.79 5.79,4 8,4C9,4 10,4.39 10.75,5.1C10.84,5.18 10.92,5.27 11,5.36V22H13V5.36C13.08,5.27 13.16,5.18 13.25,5.1C14.85,3.58 17.38,3.64 18.91,5.25C20.43,6.85 20.36,9.38 18.76,10.9C18,11.61 17.03,12 16,12V14C19.31,14 22,11.31 22,8C22,4.69 19.31,2 16,2Z' /> </Svg> ) ZodiacAriesIcon.displayName = 'ZodiacAriesIcon' ZodiacAriesIcon.defaultProps = { size: 24 } export default ZodiacAriesIcon