UNPKG

@lessondesk/material-icons

Version:

Material Icon SVGs as React Components

28 lines (23 loc) 1.11 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 CakeVariantIcon = ({ size, ...props }) => ( <Svg {...props} viewBox='0 0 24 24' width={size} height={size} fill='currentcolor' > <path d='M12,6C13.11,6 14,5.1 14,4C14,3.62 13.9,3.27 13.71,2.97L12,0L10.29,2.97C10.1,3.27 10,3.62 10,4C10,5.1 10.9,6 12,6M16.6,16L15.53,14.92L14.45,16C13.15,17.29 10.87,17.3 9.56,16L8.5,14.92L7.4,16C6.75,16.64 5.88,17 4.96,17C4.23,17 3.56,16.77 3,16.39V21C3,21.55 3.45,22 4,22H20C20.55,22 21,21.55 21,21V16.39C20.44,16.77 19.77,17 19.04,17C18.12,17 17.25,16.64 16.6,16M18,9H13V7H11V9H6C4.34,9 3,10.34 3,12V13.54C3,14.62 3.88,15.5 4.96,15.5C5.5,15.5 6,15.3 6.34,14.93L8.5,12.8L10.61,14.93C11.35,15.67 12.64,15.67 13.38,14.93L15.5,12.8L17.65,14.93C18,15.3 18.5,15.5 19.03,15.5C20.11,15.5 21,14.62 21,13.54V12C21,10.34 19.66,9 18,9Z' /> </Svg> ) CakeVariantIcon.displayName = 'CakeVariantIcon' CakeVariantIcon.defaultProps = { size: 24 } export default CakeVariantIcon