font_awesome_rails 0.0.1

data/.gitignore

@@ -0,0 +1,18 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+Font-Awesome

data/.rspec

@@ -0,0 +1,2 @@
+--color
+--format progress

data/Gemfile

@@ -0,0 +1,2 @@
+source :rubygems
+gemspec

data/LICENSE.md

@@ -0,0 +1,26 @@
+Copyright © 2012 Andrew Haines
+
+Fonts and "classic" styles are licensed under
+[CC BY 3.0](http://creativecommons.org/licenses/by/3.0/) from
+[Font Awesome](http://fortawesome.github.com/Font-Awesome).
+
+# MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,69 @@
+# Font Awesome for Rails
+[![Code Climate](https://codeclimate.com/badge.png)](https://codeclimate.com/github/haines/font_awesome_rails)
+
+font_awesome_rails brings the fantastic [Font Awesome](http://fortawesome.github.com/Font-Awesome) iconic font to the Rails asset pipeline, with a bunch of new Sass styles for semantic markup.
+
+
+## Semantic markup
+
+Wouldn't be great if instead of
+```html
+<a class="btn" href="..."><i class="icon-pencil"></i> Edit</a>
+```
+you could just write
+```html
+<a class="edit btn" href="...">Edit</a>
+```
+so that down the line you can restyle your edit links with impunity (and save yourself some keystrokes while you're at it)?
+
+Thanks to the mixins provided by font_awesome_rails, you can!
+```scss
+.edit.btn {
+  @include icon(pencil);
+}
+```
+
+
+## Installation
+
+Add this line to your application's Gemfile:
+```ruby
+gem 'font_awesome_rails'
+```
+And then execute:
+```bash
+$ bundle
+```
+
+Finally, add this line to your application.css.scss:
+```scss
+@import 'font-awesome';
+```
+Note that you need to `@import` it with Sass and not `*= require` it with Sprockets.
+
+
+## Usage
+
+### Adding icons
+`@include` any of the following mixins to add icons to your elements:
+- `icon-before($name)`: prepend the named icon
+- `icon-after($name)`: append the named icon
+- `icon($before)`: alias for `icon-before`
+- `icon($before, $after)`: append and prepend the named icons
+
+Each of these mixins can optionally take a
+[content block](http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#mixin-content)
+with styles to be applied to the icon.
+
+
+## Compatibility
+
+If you've already integrated your app with [Bootstrap](http://twitter.github.com/bootstrap)
+and/or Font Awesome, you can get the classic `.icon-*` styles back by adding
+```scss
+@import 'font-awesome/classic';
+```
+to your application.css.scss.
+
+If you're unlucky enough to need IE 7 compatibility, it's under `font-awesome/ie7`.
+Classic styles only (no mixins) so you can `@import` or `*= require` it as you see fit.

data/Rakefile

@@ -0,0 +1,6 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"
+
+Dir[File.expand_path("tasks/**/*.rake", File.dirname(__FILE__))].sort.each {|f| import f }
+
+task :default => :spec

data/app/assets/stylesheets/_font-awesome.scss

@@ -0,0 +1,2 @@
+@import "font-awesome/font";
+@import "font-awesome/mixins";

data/app/assets/stylesheets/font-awesome/_font.scss

@@ -0,0 +1,13 @@
+@font-face {
+  font: {
+    family: 'FontAwesome';
+    weight: normal;
+    style: normal;
+  }
+
+  src: font-url('fontawesome-webfont.eot');
+  src: font-url('fontawesome-webfont.eot?#iefix') format('eot'),
+       font-url('fontawesome-webfont.woff') format('woff'),
+       font-url('fontawesome-webfont.ttf') format('truetype'),
+       font-url('fontawesome-webfont.svg#FontAwesome') format('svg');
+}

data/app/assets/stylesheets/font-awesome/_icons.scss

@@ -0,0 +1,210 @@
+%icon-glass { content: '\f000'; }
+%icon-music { content: '\f001'; }
+%icon-search { content: '\f002'; }
+%icon-envelope { content: '\f003'; }
+%icon-heart { content: '\f004'; }
+%icon-star { content: '\f005'; }
+%icon-star-empty { content: '\f006'; }
+%icon-user { content: '\f007'; }
+%icon-film { content: '\f008'; }
+%icon-th-large { content: '\f009'; }
+%icon-th { content: '\f00a'; }
+%icon-th-list { content: '\f00b'; }
+%icon-ok { content: '\f00c'; }
+%icon-remove { content: '\f00d'; }
+%icon-zoom-in { content: '\f00e'; }
+%icon-zoom-out { content: '\f010'; }
+%icon-off { content: '\f011'; }
+%icon-signal { content: '\f012'; }
+%icon-cog { content: '\f013'; }
+%icon-trash { content: '\f014'; }
+%icon-home { content: '\f015'; }
+%icon-file { content: '\f016'; }
+%icon-time { content: '\f017'; }
+%icon-road { content: '\f018'; }
+%icon-download-alt { content: '\f019'; }
+%icon-download { content: '\f01a'; }
+%icon-upload { content: '\f01b'; }
+%icon-inbox { content: '\f01c'; }
+%icon-play-circle { content: '\f01d'; }
+%icon-repeat { content: '\f01e'; }
+%icon-refresh { content: '\f021'; }
+%icon-list-alt { content: '\f022'; }
+%icon-lock { content: '\f023'; }
+%icon-flag { content: '\f024'; }
+%icon-headphones { content: '\f025'; }
+%icon-volume-off { content: '\f026'; }
+%icon-volume-down { content: '\f027'; }
+%icon-volume-up { content: '\f028'; }
+%icon-qrcode { content: '\f029'; }
+%icon-barcode { content: '\f02a'; }
+%icon-tag { content: '\f02b'; }
+%icon-tags { content: '\f02c'; }
+%icon-book { content: '\f02d'; }
+%icon-bookmark { content: '\f02e'; }
+%icon-print { content: '\f02f'; }
+%icon-camera { content: '\f030'; }
+%icon-font { content: '\f031'; }
+%icon-bold { content: '\f032'; }
+%icon-italic { content: '\f033'; }
+%icon-text-height { content: '\f034'; }
+%icon-text-width { content: '\f035'; }
+%icon-align-left { content: '\f036'; }
+%icon-align-center { content: '\f037'; }
+%icon-align-right { content: '\f038'; }
+%icon-align-justify { content: '\f039'; }
+%icon-list { content: '\f03a'; }
+%icon-indent-left { content: '\f03b'; }
+%icon-indent-right { content: '\f03c'; }
+%icon-facetime-video { content: '\f03d'; }
+%icon-picture { content: '\f03e'; }
+%icon-pencil { content: '\f040'; }
+%icon-map-marker { content: '\f041'; }
+%icon-adjust { content: '\f042'; }
+%icon-tint { content: '\f043'; }
+%icon-edit { content: '\f044'; }
+%icon-share { content: '\f045'; }
+%icon-check { content: '\f046'; }
+%icon-move { content: '\f047'; }
+%icon-step-backward { content: '\f048'; }
+%icon-fast-backward { content: '\f049'; }
+%icon-backward { content: '\f04a'; }
+%icon-play { content: '\f04b'; }
+%icon-pause { content: '\f04c'; }
+%icon-stop { content: '\f04d'; }
+%icon-forward { content: '\f04e'; }
+%icon-fast-forward { content: '\f050'; }
+%icon-step-forward { content: '\f051'; }
+%icon-eject { content: '\f052'; }
+%icon-chevron-left { content: '\f053'; }
+%icon-chevron-right { content: '\f054'; }
+%icon-plus-sign { content: '\f055'; }
+%icon-minus-sign { content: '\f056'; }
+%icon-remove-sign { content: '\f057'; }
+%icon-ok-sign { content: '\f058'; }
+%icon-question-sign { content: '\f059'; }
+%icon-info-sign { content: '\f05a'; }
+%icon-screenshot { content: '\f05b'; }
+%icon-remove-circle { content: '\f05c'; }
+%icon-ok-circle { content: '\f05d'; }
+%icon-ban-circle { content: '\f05e'; }
+%icon-arrow-left { content: '\f060'; }
+%icon-arrow-right { content: '\f061'; }
+%icon-arrow-up { content: '\f062'; }
+%icon-arrow-down { content: '\f063'; }
+%icon-share-alt { content: '\f064'; }
+%icon-resize-full { content: '\f065'; }
+%icon-resize-small { content: '\f066'; }
+%icon-plus { content: '\f067'; }
+%icon-minus { content: '\f068'; }
+%icon-asterisk { content: '\f069'; }
+%icon-exclamation-sign { content: '\f06a'; }
+%icon-gift { content: '\f06b'; }
+%icon-leaf { content: '\f06c'; }
+%icon-fire { content: '\f06d'; }
+%icon-eye-open { content: '\f06e'; }
+%icon-eye-close { content: '\f070'; }
+%icon-warning-sign { content: '\f071'; }
+%icon-plane { content: '\f072'; }
+%icon-calendar { content: '\f073'; }
+%icon-random { content: '\f074'; }
+%icon-comment { content: '\f075'; }
+%icon-magnet { content: '\f076'; }
+%icon-chevron-up { content: '\f077'; }
+%icon-chevron-down { content: '\f078'; }
+%icon-retweet { content: '\f079'; }
+%icon-shopping-cart { content: '\f07a'; }
+%icon-folder-close { content: '\f07b'; }
+%icon-folder-open { content: '\f07c'; }
+%icon-resize-vertical { content: '\f07d'; }
+%icon-resize-horizontal { content: '\f07e'; }
+%icon-bar-chart { content: '\f080'; }
+%icon-twitter-sign { content: '\f081'; }
+%icon-facebook-sign { content: '\f082'; }
+%icon-camera-retro { content: '\f083'; }
+%icon-key { content: '\f084'; }
+%icon-cogs { content: '\f085'; }
+%icon-comments { content: '\f086'; }
+%icon-thumbs-up { content: '\f087'; }
+%icon-thumbs-down { content: '\f088'; }
+%icon-star-half { content: '\f089'; }
+%icon-heart-empty { content: '\f08a'; }
+%icon-signout { content: '\f08b'; }
+%icon-linkedin-sign { content: '\f08c'; }
+%icon-pushpin { content: '\f08d'; }
+%icon-external-link { content: '\f08e'; }
+%icon-signin { content: '\f090'; }
+%icon-trophy { content: '\f091'; }
+%icon-github-sign { content: '\f092'; }
+%icon-upload-alt { content: '\f093'; }
+%icon-lemon { content: '\f094'; }
+%icon-phone { content: '\f095'; }
+%icon-check-empty { content: '\f096'; }
+%icon-bookmark-empty { content: '\f097'; }
+%icon-phone-sign { content: '\f098'; }
+%icon-twitter { content: '\f099'; }
+%icon-facebook { content: '\f09a'; }
+%icon-github { content: '\f09b'; }
+%icon-unlock { content: '\f09c'; }
+%icon-credit-card { content: '\f09d'; }
+%icon-rss { content: '\f09e'; }
+%icon-hdd { content: '\f0a0'; }
+%icon-bullhorn { content: '\f0a1'; }
+%icon-bell { content: '\f0a2'; }
+%icon-certificate { content: '\f0a3'; }
+%icon-hand-right { content: '\f0a4'; }
+%icon-hand-left { content: '\f0a5'; }
+%icon-hand-up { content: '\f0a6'; }
+%icon-hand-down { content: '\f0a7'; }
+%icon-circle-arrow-left { content: '\f0a8'; }
+%icon-circle-arrow-right { content: '\f0a9'; }
+%icon-circle-arrow-up { content: '\f0aa'; }
+%icon-circle-arrow-down { content: '\f0ab'; }
+%icon-globe { content: '\f0ac'; }
+%icon-wrench { content: '\f0ad'; }
+%icon-tasks { content: '\f0ae'; }
+%icon-filter { content: '\f0b0'; }
+%icon-briefcase { content: '\f0b1'; }
+%icon-fullscreen { content: '\f0b2'; }
+%icon-group { content: '\f0c0'; }
+%icon-link { content: '\f0c1'; }
+%icon-cloud { content: '\f0c2'; }
+%icon-beaker { content: '\f0c3'; }
+%icon-cut { content: '\f0c4'; }
+%icon-copy { content: '\f0c5'; }
+%icon-paper-clip { content: '\f0c6'; }
+%icon-save { content: '\f0c7'; }
+%icon-sign-blank { content: '\f0c8'; }
+%icon-reorder { content: '\f0c9'; }
+%icon-list-ul { content: '\f0ca'; }
+%icon-list-ol { content: '\f0cb'; }
+%icon-strikethrough { content: '\f0cc'; }
+%icon-underline { content: '\f0cd'; }
+%icon-table { content: '\f0ce'; }
+%icon-magic { content: '\f0d0'; }
+%icon-truck { content: '\f0d1'; }
+%icon-pinterest { content: '\f0d2'; }
+%icon-pinterest-sign { content: '\f0d3'; }
+%icon-google-plus-sign { content: '\f0d4'; }
+%icon-google-plus { content: '\f0d5'; }
+%icon-money { content: '\f0d6'; }
+%icon-caret-down { content: '\f0d7'; }
+%icon-caret-up { content: '\f0d8'; }
+%icon-caret-left { content: '\f0d9'; }
+%icon-caret-right { content: '\f0da'; }
+%icon-columns { content: '\f0db'; }
+%icon-sort { content: '\f0dc'; }
+%icon-sort-down { content: '\f0dd'; }
+%icon-sort-up { content: '\f0de'; }
+%icon-envelope-alt { content: '\f0e0'; }
+%icon-linkedin { content: '\f0e1'; }
+%icon-undo { content: '\f0e2'; }
+%icon-legal { content: '\f0e3'; }
+%icon-dashboard { content: '\f0e4'; }
+%icon-comment-alt { content: '\f0e5'; }
+%icon-comments-alt { content: '\f0e6'; }
+%icon-bolt { content: '\f0e7'; }
+%icon-sitemap { content: '\f0e8'; }
+%icon-umbrella { content: '\f0e9'; }
+%icon-paste { content: '\f0ea'; }
+%icon-user-md { content: '\f200'; }

data/app/assets/stylesheets/font-awesome/_mixins.scss

@@ -0,0 +1,58 @@
+@mixin icon($before, $after: false) {
+  @include icon-before($before) { @content; }
+  @if $after {
+    @include icon-after($after) { @content; }
+  }
+}
+
+@mixin icon-before($name) {
+  @extend %icon-before;
+  @include icon-before-style {
+    @include icon-content($name);
+    @content;
+  }
+}
+
+@mixin icon-after($name) {
+  @extend %icon-after;
+  @include icon-after-style {
+    @include icon-content($name);
+    @content;
+  }
+}
+
+@mixin icon-content($name) {
+  @extend %icon-content;
+  @extend %icon-#{$name};
+}
+
+@mixin icon-image($args...) {
+  background: {
+    image: url(icon-image($args...));
+    repeat: no-repeat;
+  }
+}
+
+@mixin icon-style {
+  @include icon-before-style {
+    @content;
+  }
+  @include icon-after-style {
+    @content;
+  }
+}
+
+@mixin icon-before-style {
+  &%icon-before:before {
+    @content;
+  }
+}
+
+@mixin icon-after-style {
+  &%icon-after:after {
+    @content;
+  }
+}
+
+@import "styles";
+@import "icons";

data/app/assets/stylesheets/font-awesome/_styles.scss

@@ -0,0 +1,53 @@
+%icon-content {
+  font-family: FontAwesome;
+  font-weight: normal;
+  font-style: normal;
+  display: inline-block;
+  text-decoration: inherit;
+}
+
+%icon {
+  @extend %icon-before;
+}
+
+* {
+  @include icon-before-style {
+    margin-right: 0.25em;
+  }
+  @include icon-after-style {
+    margin-left: 0.25em;
+  }
+}
+
+%icon-large {
+  @include icon-style {
+    vertical-align: top;
+    font-size: #{(4/3)}em;
+  }
+}
+
+.btn, .nav-tabs {
+  @include icon-style {
+    line-height: 0.9; // keeps button heights with and without icons the same
+  }
+}
+
+li {
+  @include icon-style {
+    display: inline-block;
+    width: 1.25em;
+    text-align: center;
+  }
+}
+
+%icon-list {
+  list-style-type: none;
+  margin-left: 2em;
+  text-indent: -0.8em;
+
+  li {
+    @include icon-style {
+      width: 0.8em;
+    }
+  }
+}

data/font_awesome_rails.gemspec

@@ -0,0 +1,25 @@
+require File.expand_path('../lib/font_awesome_rails/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Andrew Haines"]
+  gem.email         = ["andrew@haines.org.nz"]
+  gem.description   = %q{Font Awesome for Rails}
+  gem.summary       = %q{Brings the fantastic Font Awesome iconic font to the Rails asset pipeline, with a bunch of new Sass styles for semantic markup.}
+  gem.homepage      = "http://github.com/haines/font_awesome_rails"
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "font_awesome_rails"
+  gem.require_paths = ["lib"]
+  gem.version       = FontAwesomeRails::VERSION
+
+  gem.add_dependency 'sass', '>= 3.2.0'
+  gem.add_dependency 'activesupport', '>= 3.1.0'
+
+  gem.add_development_dependency 'rake'
+  gem.add_development_dependency 'rspec', '>= 2.8.0'
+  gem.add_development_dependency 'mocha', '>= 0.12.0'
+  gem.add_development_dependency 'nokogiri', '>= 1.5.0'
+  gem.add_development_dependency 'rmagick', '>= 2.13.0'
+end

data/lib/font_awesome/font.rb

@@ -0,0 +1,52 @@
+require 'singleton'
+
+module FontAwesome
+  class Font
+    include Singleton
+
+    ASCENT = 1569
+    DESCENT = -430
+
+    def ascent
+      ASCENT
+    end
+
+    def descent
+      DESCENT
+    end
+
+    def em_size
+      attribute("units-per-em", "font-face").to_i
+    end
+
+    def character_width(hex_code)
+      (attribute("horiz-adv-x", glyph(hex_code)) || attribute("horiz-adv-x", "font")).to_i
+    end
+
+    def character_outline(hex_code)
+      attribute("d", glyph(hex_code))
+    end
+
+    protected
+
+    def glyph(hex_code)
+      "glyph[unicode=#{hex_code.to_unicode}]"
+    end
+
+    def attribute(attribute_name, selector)
+      select(selector)[attribute_name]
+    end
+
+    def select(selector)
+      svg.at_css(selector)
+    end
+
+    def svg
+      @svg ||= File.open(path) {|file| Nokogiri.XML(file)}
+    end
+
+    def path
+      File.expand_path "../../vendor/assets/font/fontawesome-webfont.svg", File.dirname(__FILE__)
+    end
+  end
+end

data/lib/font_awesome/hex_code.rb

@@ -0,0 +1,39 @@
+module FontAwesome
+  class HexCode
+    HEX_CODES = {"glass"=>"f000", "music"=>"f001", "search"=>"f002", "envelope"=>"f003", "heart"=>"f004", "star"=>"f005", "star-empty"=>"f006", "user"=>"f007", "film"=>"f008", "th-large"=>"f009", "th"=>"f00a", "th-list"=>"f00b", "ok"=>"f00c", "remove"=>"f00d", "zoom-in"=>"f00e", "zoom-out"=>"f010", "off"=>"f011", "signal"=>"f012", "cog"=>"f013", "trash"=>"f014", "home"=>"f015", "file"=>"f016", "time"=>"f017", "road"=>"f018", "download-alt"=>"f019", "download"=>"f01a", "upload"=>"f01b", "inbox"=>"f01c", "play-circle"=>"f01d", "repeat"=>"f01e", "refresh"=>"f021", "list-alt"=>"f022", "lock"=>"f023", "flag"=>"f024", "headphones"=>"f025", "volume-off"=>"f026", "volume-down"=>"f027", "volume-up"=>"f028", "qrcode"=>"f029", "barcode"=>"f02a", "tag"=>"f02b", "tags"=>"f02c", "book"=>"f02d", "bookmark"=>"f02e", "print"=>"f02f", "camera"=>"f030", "font"=>"f031", "bold"=>"f032", "italic"=>"f033", "text-height"=>"f034", "text-width"=>"f035", "align-left"=>"f036", "align-center"=>"f037", "align-right"=>"f038", "align-justify"=>"f039", "list"=>"f03a", "indent-left"=>"f03b", "indent-right"=>"f03c", "facetime-video"=>"f03d", "picture"=>"f03e", "pencil"=>"f040", "map-marker"=>"f041", "adjust"=>"f042", "tint"=>"f043", "edit"=>"f044", "share"=>"f045", "check"=>"f046", "move"=>"f047", "step-backward"=>"f048", "fast-backward"=>"f049", "backward"=>"f04a", "play"=>"f04b", "pause"=>"f04c", "stop"=>"f04d", "forward"=>"f04e", "fast-forward"=>"f050", "step-forward"=>"f051", "eject"=>"f052", "chevron-left"=>"f053", "chevron-right"=>"f054", "plus-sign"=>"f055", "minus-sign"=>"f056", "remove-sign"=>"f057", "ok-sign"=>"f058", "question-sign"=>"f059", "info-sign"=>"f05a", "screenshot"=>"f05b", "remove-circle"=>"f05c", "ok-circle"=>"f05d", "ban-circle"=>"f05e", "arrow-left"=>"f060", "arrow-right"=>"f061", "arrow-up"=>"f062", "arrow-down"=>"f063", "share-alt"=>"f064", "resize-full"=>"f065", "resize-small"=>"f066", "plus"=>"f067", "minus"=>"f068", "asterisk"=>"f069", "exclamation-sign"=>"f06a", "gift"=>"f06b", "leaf"=>"f06c", "fire"=>"f06d", "eye-open"=>"f06e", "eye-close"=>"f070", "warning-sign"=>"f071", "plane"=>"f072", "calendar"=>"f073", "random"=>"f074", "comment"=>"f075", "magnet"=>"f076", "chevron-up"=>"f077", "chevron-down"=>"f078", "retweet"=>"f079", "shopping-cart"=>"f07a", "folder-close"=>"f07b", "folder-open"=>"f07c", "resize-vertical"=>"f07d", "resize-horizontal"=>"f07e", "bar-chart"=>"f080", "twitter-sign"=>"f081", "facebook-sign"=>"f082", "camera-retro"=>"f083", "key"=>"f084", "cogs"=>"f085", "comments"=>"f086", "thumbs-up"=>"f087", "thumbs-down"=>"f088", "star-half"=>"f089", "heart-empty"=>"f08a", "signout"=>"f08b", "linkedin-sign"=>"f08c", "pushpin"=>"f08d", "external-link"=>"f08e", "signin"=>"f090", "trophy"=>"f091", "github-sign"=>"f092", "upload-alt"=>"f093", "lemon"=>"f094", "phone"=>"f095", "check-empty"=>"f096", "bookmark-empty"=>"f097", "phone-sign"=>"f098", "twitter"=>"f099", "facebook"=>"f09a", "github"=>"f09b", "unlock"=>"f09c", "credit-card"=>"f09d", "rss"=>"f09e", "hdd"=>"f0a0", "bullhorn"=>"f0a1", "bell"=>"f0a2", "certificate"=>"f0a3", "hand-right"=>"f0a4", "hand-left"=>"f0a5", "hand-up"=>"f0a6", "hand-down"=>"f0a7", "circle-arrow-left"=>"f0a8", "circle-arrow-right"=>"f0a9", "circle-arrow-up"=>"f0aa", "circle-arrow-down"=>"f0ab", "globe"=>"f0ac", "wrench"=>"f0ad", "tasks"=>"f0ae", "filter"=>"f0b0", "briefcase"=>"f0b1", "fullscreen"=>"f0b2", "group"=>"f0c0", "link"=>"f0c1", "cloud"=>"f0c2", "beaker"=>"f0c3", "cut"=>"f0c4", "copy"=>"f0c5", "paper-clip"=>"f0c6", "save"=>"f0c7", "sign-blank"=>"f0c8", "reorder"=>"f0c9", "list-ul"=>"f0ca", "list-ol"=>"f0cb", "strikethrough"=>"f0cc", "underline"=>"f0cd", "table"=>"f0ce", "magic"=>"f0d0", "truck"=>"f0d1", "pinterest"=>"f0d2", "pinterest-sign"=>"f0d3", "google-plus-sign"=>"f0d4", "google-plus"=>"f0d5", "money"=>"f0d6", "caret-down"=>"f0d7", "caret-up"=>"f0d8", "caret-left"=>"f0d9", "caret-right"=>"f0da", "columns"=>"f0db", "sort"=>"f0dc", "sort-down"=>"f0dd", "sort-up"=>"f0de", "envelope-alt"=>"f0e0", "linkedin"=>"f0e1", "undo"=>"f0e2", "legal"=>"f0e3", "dashboard"=>"f0e4", "comment-alt"=>"f0e5", "comments-alt"=>"f0e6", "bolt"=>"f0e7", "sitemap"=>"f0e8", "umbrella"=>"f0e9", "paste"=>"f0ea", "user-md"=>"f200"}.freeze
+
+    attr_accessor :name
+
+    def initialize(name)
+      self.name = name
+    end
+
+    def name=(value)
+      @name = value.to_s.gsub("_", "-")
+    end
+
+    def to_s
+      self.class.lookup_table[name]
+    end
+
+    def to_unicode
+      [to_s.hex].pack("U")
+    end
+
+    def to_css
+      "\\#{to_s}"
+    end
+
+    def to_xml
+      "&#x#{to_s};"
+    end
+
+    def self.all
+      lookup_table.each
+    end
+
+    def self.lookup_table
+      HEX_CODES
+    end
+  end
+end

data/lib/font_awesome/icon.rb

@@ -0,0 +1,80 @@
+module FontAwesome
+  class Icon
+    attr_accessor :style
+    attr_reader :hex_code, :font
+
+    def initialize(name)
+      @hex_code = HexCode.new(name)
+      @font = Font.instance
+      @style = default_style
+    end
+
+    def name
+      hex_code.name
+    end
+
+    def to_svg
+      Nokogiri::XML::Builder.new do |xml|
+        build_svg(xml)
+      end.to_xml(save_with: Nokogiri::XML::Node::SaveOptions::AS_XML | Nokogiri::XML::Node::SaveOptions::NO_DECLARATION).strip
+    end
+
+    def to_uri
+      "data:image/svg+xml,#{URI.escape(to_svg)}"
+    end
+
+    def self.all
+      HexCode.all.map {|name, code| new name }
+    end
+
+    protected
+
+    def default_style
+      "fill:black"
+    end
+
+    def view_box
+      "#{-offset_x} #{-offset_y} #{font.em_size} #{font.em_size}"
+    end
+
+    def offset_x
+      (font.em_size - width) / 2.0
+    end
+
+    def offset_y
+      font.ascent
+    end
+
+    def width
+      font.character_width(hex_code)
+    end
+
+    def path
+      font.character_outline(hex_code)
+    end
+
+    def build_svg(xml)
+      xml.svg svg_attributes do
+        xml.path path_attributes
+      end
+    end
+
+    def svg_attributes
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        version: "1.1",
+        width: "100px",
+        height: "100px",
+        viewBox: view_box
+      }
+    end
+
+    def path_attributes
+      {
+        d: path,
+        style: style,
+        transform: "rotate(180) scale(-1,1)"
+      }
+    end
+  end
+end