Start with Bitonics


Web Developer - Graphic Artist - User Experience Designer

Icons


Bitonics delivers shiny new icons in the latest update... Making it possible to create a total of stunning styles.

Want to request new icons? Open an issue at Github or send an email to request@bitonics.net.


About


All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Bitonics, nor vice versa. Brand icons should only be used to represent the company or product to which they refer. Please do not use brand logos for any purpose except to represent that particular brand or service.

Examples


Using CSS
In the <head> of your html, reference the location to bitonics.min.css:

<link rel="stylesheet" href="https://bitonics.net/vendor/bitonics/bitonics.min.css"> In the <body> of your html, place to following html code:

<i class="bt bt-btc" aria-hidden="true"></i> Using a non existing currency code will result in a nice question mark.

Check out the following examples for various styling:

<span class="bt-stack bt-lg">
  <i class="bt bt-square bt-stack-2x"></i>
  <i class="bt bt-btc bt-stack-1x bt-inverse"></i>
</span>
<span class="bt-stack bt-lg">
  <i class="bt bt-circle bt-stack-2x"></i>
  <i class="bt bt-btc bt-stack-1x bt-inverse"></i>
</span>
<span class="bt-stack bt-lg">
  <i class="bt bt-triangle bt-stack-2x"></i>
  <i class="bt bt-btc bt-stack-1x bt-inverse"></i>
</span>
<span class="bt-stack bt-lg">
  <i class="bt bt-shield bt-stack-2x"></i>
  <i class="bt bt-btc bt-stack-1x bt-inverse"></i>
</span>

Project Name


Close