diff --git a/README.md b/README.md index 6b810e4..ff137f5 100644 --- a/README.md +++ b/README.md @@ -25,7 +25,7 @@ We like SVGs and we think they're the way to display icons on the web. Since Open Iconic are just basic SVGs, we suggest you display them like you would any other image (don't forget the `alt` attribute). -``` +```html icon name ``` @@ -35,7 +35,7 @@ Open Iconic also comes in a SVG sprite which allows you to display all the icons Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `` *tag and a unique class name for each different icon in the* `` *tag.* -``` +```html @@ -43,7 +43,7 @@ Adding an icon from an SVG sprite is a little different than what you're used to Sizing icons only needs basic CSS. All the icons are in a square format, so just set the `` tag with equal width and height dimensions. -``` +```css .icon { width: 16px; height: 16px; @@ -52,7 +52,7 @@ Sizing icons only needs basic CSS. All the icons are in a square format, so just Coloring icons is even easier. All you need to do is set the `fill` rule on the `` tag. -``` +```css .icon-account-login { fill: #f00; } @@ -68,12 +68,12 @@ To learn more about SVG Sprites, read [Chris Coyier's guide](http://css-tricks.c You can find our Bootstrap stylesheets in `font/css/open-iconic-bootstrap.{css, less, scss, styl}` -``` +```html ``` -``` +```html ``` @@ -81,12 +81,12 @@ You can find our Bootstrap stylesheets in `font/css/open-iconic-bootstrap.{css, You can find our Foundation stylesheets in `font/css/open-iconic-foundation.{css, less, scss, styl}` -``` +```html ``` -``` +```html ``` @@ -94,11 +94,11 @@ You can find our Foundation stylesheets in `font/css/open-iconic-foundation.{css You can find our default stylesheets in `font/css/open-iconic.{css, less, scss, styl}` -``` +```html ``` -``` +```html ```