v3.8.0

Compare Source

• Performance and UI Improvements #​261
• Added ant-design-icons #​247
• 🐛 Use var instead of const. #​241
• Adds react to the peer dependencies #​237

v3.7.0

Compare Source

• Update FontAwesome #​233
  • 5.8.1 to 5.8.2
• fix TypeScript support #​234
  • It was destroyed by the structural change of v3.6.0. sorry.
• Added title props #​231
  • for accessibility

v3.6.1

Compare Source

upgrade icons

fix errors

• remove attribute xmlns:xlink xml:space

development

• upgrade packages

v3.6.0

Compare Source

braking change

• change module struct
  • There is no need to change old webpack's resolve settings.
  • Add package.json file in icon dir. see: https://unpkg.com/react-icons@3.6.0-beta2/fa/package.json
  • I think changing settings is unnecessary in many environments.

development

• Added test code using webpack. https://github.com/react-icons/react-icons/blob/fix/modules/packages/webpack4-test/webpack.config.edit-resolve.js

v3.5.0

Compare Source

• new icon Devicons #​221
• added xmlns #​225

v3.4.0

Compare Source

• Added Weather Icons #​218

v3.3.0

Compare Source

v3.2.2

Compare Source

• fix feather icon #​200

v3.2.1

Compare Source

• #​198 Fixed undefined showing up in className.

v3.2.0

Compare Source

• pr #​195

Output component name

• fix #​173

• Component names are now displayed in development tools such as jest.

  -     <Component />
  +     <MdAccessibility />
  -     <Component />
  +     <TiArrowDown />
  

Fix color property

• fix #​190
• Some icons with color properties did not work.
  • MdAllOut, MdFiberManualRecord, MdFiberSmartRecord, MdWebAsset, MdNextWeek, MdWeekend, MdStrikethrough

Update icons

• fix #​191 #​188

  fontawesome 5.0.13->5.4.0
  ionicons 4.2.4->4.4.4
  octicons 7.4.0->8.1.0

Update some library

• react
• typescript
• eslint
• netlify-cli
• etc...

v3.1.0

Compare Source

• #​185 fontawesome regular style
• #​187 Prefer es5 syntax in generated source for uglify-js@2 compat
• #​184 Remove IconBase attr prop from props passed to svg

v3.0.2

Compare Source

v3.0.1

Compare Source

v3.0.0

Compare Source

Detail

• support esmodules & change import style
• global icon configure with context API
• supports webpack optimization (speed up for build)
• typescript native support
• use gitsubmodules (easier update)
• use yarn (easily to test by managing all related package in yarn workspace)
• new icon set
  • feathericons
• upgrade icon
  • fontawesome5
• configure travis ci & deploy preview site to netlify
  • example preview: http://5b1f83e81f12b742d62c8aca.react-icons.netlify.com

new import / configure style

import React from "react";

import { IconContext } from "react-icons";
import { FaFolder } from "react-icons/lib/fa";
import { MdAccessibility } from "react-icons/lib/md";

funciton App () {
  return (
    <IconContext.Provider value={{ color: "#&#8203;333" }}>
      <div>
        <MdAccessibility />
        <FaFolder />
      </div>
    </IconContext.Provider>
  );
}

build speed/size improvement!

Use one icon from each of fa and md.
SIZE: -84% BUILD TIME: -40%

before:

File sizes after gzip:

  244.25 KB  build\static\js\main.2f2e05e7.js
  299 B      build\static\css\main.c17080f1.css
Done in 19.83s.

after:

File sizes after gzip:

  38.75 KB  build\static\js\main.cc198299.js
  299 B     build\static\css\main.c17080f1.css

Done in 11.79s.

Migrate from version 2 -> 3

see: https://github.com/react-icons/react-icons#migrate-from-version-2---3

PR

• #​141