Please see my React code example:

```
import { Row, Col, Icon } from 'antd';
const MyRow = () => (
  <Row align="middle">
    <Col md={10}>Trouble is a friend</Col>
    <Col md={10}><Icon type="play-circle-o" /></Col>
    <Col md={4}><div>Lenka</div></Col>
  </Row>
);

...

```

When I rendered `<MyRow />`, I found that the text in `<Row>` was centered vertically well, but the `<Icon>` component didn't do so. So that my `<MyRow>` didn't look good. I expected all the content, not only the text but also the `SVG` in `<Row>` could be centered vertically.

I also tried other icon library, e.g. `react-icons-kit`, which did not work.

Does anyone have an idea?