This icon font allows you to easily use the stylized Overwatch heroes SVG icons in all your web projects. The icons have been created by:
- DCMJS (initial icons pack)
- Polygonine (Ana and Sombra)
- YoshinoYoshie (Orisa)
-
Add
distfolder to your project (font files andohi_font.cssfile content) -
Use a class prefixed by
ohi-(like Overwatch Heroes Icon) and followed by the hero's name to display the icon and style it like any other text font:<span class="ohi-bastion"></span>
List of available heroes (24):
| Hero name | class |
|---|---|
| Ana | ohi-ana |
| Bastion | ohi-bastion |
| D.VA | ohi-dva |
| Genji | ohi-genji |
| Hanzo | ohi-hanzo |
| Junkrat | ohi-junkrat |
| Lúcio | ohi-lucio |
| Mccree | ohi-mccree |
| Mei | ohi-mei |
| Mercy | ohi-mercy |
| Orisa | ohi-orisa |
| Pharah | ohi-pharah |
| Reaper | ohi-reaper |
| Reinhardt | ohi-reinhardt |
| Roadhog | ohi-roadhog |
| Soldier: 76 | ohi-soldier76 |
| Sombra | ohi-sombra |
| Sombra (ultimate version) | ohi-sombra2 |
| Symmetra | ohi-symmetra |
| Torbjörn | ohi-torbjorn |
| Tracer | ohi-tracer |
| Widowmaker | ohi-widowmaker |
| Winston | ohi-winston |
| Zarya | ohi-zarya |
| Zenyatta | ohi-zenyatta |
This font uses icons from:
- DCMJS (initial icons pack)
- Polygonine (Ana and Sombra)
- YoshinoYoshie (Orisa)
The font itself is released under an MIT license (see LICENSE.md file).