UNPKG

@lessondesk/material-icons

Version:

Material Icon SVGs as React Components

28 lines (23 loc) 1.1 kB
import React from 'react' import styled from 'styled-components' import { space, color } from 'styled-system' const Svg = styled('svg')({ flex: 'none' }, space, color) const SelectionEllipseArrowInsideIcon = ({ size, ...props }) => ( <Svg {...props} viewBox='0 0 24 24' width={size} height={size} fill='currentcolor' > <path d='M11.2,4C9.94,4.12 8.72,4.53 7.64,5.2L6.64,3.47C7.95,2.64 9.45,2.13 11,2M17.53,6.25C16.62,5.39 15.53,4.73 14.34,4.33L15,2.39C16.5,2.84 17.89,3.66 19,4.78M5.34,7.41C4.64,8.44 4.19,9.6 4,10.83L2,10.55C2.2,9 2.79,7.5 3.7,6.23M22,12V12.66L20,12.5V12C20,10.92 19.81,9.86 19.39,8.86L21.22,8.06C21.75,9.31 22,10.65 22,12M6,17.3L4.5,18.61C3.47,17.43 2.72,16.04 2.3,14.53L4.17,14C4.53,15.22 5.16,16.35 6,17.3M12.14,22H12C10.5,22 9,21.68 7.64,21.07L8.53,19.24C9.62,19.75 10.8,20 12,20H12.19M17,21H15V15H21V17H18.42L21.14,19.76L19.73,21.17L17,18.5' /> </Svg> ) SelectionEllipseArrowInsideIcon.displayName = 'SelectionEllipseArrowInsideIcon' SelectionEllipseArrowInsideIcon.defaultProps = { size: 24 } export default SelectionEllipseArrowInsideIcon