v4.6.2

• Added displayName to all icons.

v4.6.1

• Added forwardRefs to all icons.

v4.6.0

New icons added:

• CaretLeftFill
• CaretRightFill
• Insecure

Other enhancements:

• Added SVGO optimization to reduce icon file sizes

v4.5.0

New icons added:

• Pocket logo
• Dribbble
• Ebay
• Figma
• LastFm
• PhoneFlip, PhoneVertical, PhoneHorizontal
• Time
• Zoom
• HomeOption
• Webcam
• CircleAlert
• Key
• ShareRounded
• FanOption
• Ascending, Desecnding, Unsort
• CaretUpFill, CaretDownFill
• AppsRounded

Edited icons:

• Instagram
• Anchor
• Projects
• HPE

v4.4.0

• Updated HPE icon
• Added vertical-more icon

v4.3.0

Add new icons of NodeJS, Coffee, Spotify, SoundCloud, Spectrum, Hide, Gatsby, GraphQL.

v4.2.0

• Added TypeScript support
• Added Apple Store, Google Play, JS, List, Phone, QR, Schedule Icons

v4.1.0

Added Disc, Keyboard, PowerCycle, PowerForceShutdown, PowerReset, PowerShutdown icons.

v4.0.1

• grommet-styles is now a dependency instead of peerDependency

v4.0.0

New Theme Structure 🎉

Before

const base = {
  color: '#666666',
  colors: {},
  size: {
    small: '12px',
    medium: '24px',
    large: '48px',
    xlarge: '96px',
  },
};

After

const base = {
  global: {
    colors: {
      icon: '#666666',
    },
  },
  icon: {
    size: {
      small: '12px',
      medium: '24px',
      large: '48px',
      xlarge: '96px',
    },
  },
};

This allowed us to remove the ThemeContext specific to grommet-icons. Now you can just leverage the ThemeContext from styled-components.

  import { ThemeProvider} from 'styled-components';
  import { base, Close }  from 'grommet-icons';
  <ThemeProvider theme={base}>
      <Close />
  </ThemeProvider>

⚠️ Make sure to install grommet-styles as a peerDependency now.