In a [previous post](https://steemit.com/steemit/@bhj/adding-steemit-logo-to-font-awesome) I announced that I added the Steemit logo to [Font-Awesome](http://fontawesome.io/). I have now updated the logo in Font-Awesome which makes you able to use the logo in links like the following example ![](https://steemitimages.com/DQmTitDjDdEoAZkoQos8TzCsQpvyCXfTyc72pHKvxtvpYFg/image.png) and with larger font ![](https://steemitimages.com/DQmQ7sBrjpshdDCdVsLYXmuSWnWRWFAQTqGSYQVGP1HFsRh/image.png) ## How to use on a web page Clone my forked version of Font-Awesome: ``` $ git clone git@github.com:bhjortsberg/Font-Awesome.git ``` Then copy fonts and css directories to the root directory for your web site. To the `` section on your page add: ``` ``` To add a list item with the Steem logo and a link to your Steemit page like in the picture above just do: ```

Steemit

``` ## Logo graphics This time I created the logo by taking the svg data from the `icon-svg__shape` html element on steemit.com ``` ``` and copied that data into Font-Awesome svg file using a text editor, opened that file in FontForge and scaled the logo to correct size. ![](https://steemitimages.com/DQmSp7JsD5QSiWx4rrmyxx8NEoANB3hGCEgBxmEQyCJfeit/image.png) So this logo should hopefully be identical to the official logo. Have fun!