Font

Font WSO2 gives you scalable vector icons that can instantly customized and use on any website with the power of CSS.

Version · GitHub Project

Start

Setting up Font WSO2 can be as simple as adding two lines of code to your website!

  1. Download the latest font pack and copy files as below structure. 
    root/ [ where your page is ]
├── css/
│   ├── font-wso2.css
│   ├── font-wso2.min.css
├── fonts/
│   ├── font-wso2.svg
│   ├── font-wso2.ttf
│   ├── font-wso2.woff
│   ├── font-wso2.woff2
│   └── font-wso2.eot
└── icons.json
  2. Paste the following code into the <head> section of your site's HTML.

Using

You can place Font WSO2 icons just anywhere by using the CSS Prefix fw and the icon's name. And it can be use with any html inline elements. But we recommend <i> & <span> tags. 

 fw-wsdl
  • Click Icons to list down all the available icons.
  • And check out the Options to view available css tricks in Font WSO2.

WSO2 Inc. | License