# How to use custom icon in ionic2

**URL:** <https://forum.ionicframework.com/t/how-to-use-custom-icon-in-ionic2/76472>\
**Category:** ionic-v3\
**Created:** [January 17, 2017, 12:52pm UTC](https://forum.ionicframework.com/t/how-to-use-custom-icon-in-ionic2/76472 "2017-01-17T12:52:17Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![vks\_gautam1](https://avatars.discourse-cdn.com/v4/letter/v/ed655f/32.png) [@vks\_gautam1](https://forum.ionicframework.com/u/vks_gautam1)\
**Post date:** [January 17, 2017, 12:52pm UTC](https://forum.ionicframework.com/t/how-to-use-custom-icon-in-ionic2/76472/1 "2017-01-17T12:52:17Z")

</div>

in official icons db still lot of icons are not present. what is the best way to add custom icon in ionic2.

---

<div class="post-metadata">

**Author:** ![vhbsouza](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/vhbsouza/32/100312_2.png) [@vhbsouza](https://forum.ionicframework.com/u/vhbsouza)\
**Post date:** [January 17, 2017, 12:57pm UTC](https://forum.ionicframework.com/t/how-to-use-custom-icon-in-ionic2/76472/2 "2017-01-17T12:57:11Z")

</div>

I think you can use this:

> **[GerritErpenstein/ionic2-custom-icons](https://github.com/GerritErpenstein/ionic2-custom-icons)**
>
> ionic2-custom-icons - A npm-script for creating custom icon fonts and Angular 4 directives to render the icons in your Ionic 3 app.

It’s very straightforward, but if you want a really-really custom configuration, take a look at this link: [http://stackoverflow.com/a/40959150](http://stackoverflow.com/a/40959150)

---

<div class="post-metadata">

**Author:** ![vks\_gautam1](https://avatars.discourse-cdn.com/v4/letter/v/ed655f/32.png) [@vks\_gautam1](https://forum.ionicframework.com/u/vks_gautam1)\
**Post date:** [January 18, 2017, 5:36am UTC](https://forum.ionicframework.com/t/how-to-use-custom-icon-in-ionic2/76472/3 "2017-01-18T05:36:49Z")

</div>

i downloaded file of svg font but after that which file is talking to check

```auto
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
```

i have .EOT , .SVG, .true type font and .woff file.  
what is the way to use