Version: 3.0.7


Migrating Icon to v3 will provide a lot more customisation option. You can also create custom icons using SVG.


Migrating Icon components can broadly described in these points:

  • ios, android and type props have been deprecated.
  • default Icon type i.e Ionicons has been removed, now v3 does not uses any.
  • v3 uses a third-party icon library ( such as @expo/vector-icons ), with as prop.
  • custom colors and size can be added using color and size props.

Code Comparison#

import React, { Component } from 'react';
import { Icon } from 'native-base';
export default class IconExample extends Component {
render() {
return (
<Icon name="home" />
style={{ fontSize: 20, color: 'red' }}
<Icon type="FontAwesome" name="home" />
// need to re-write