diff --git a/icon_font/template.jst.ejs b/icon_font/template.jst.ejs
index 1e57218..9ee3433 100644
--- a/icon_font/template.jst.ejs
+++ b/icon_font/template.jst.ejs
@@ -22,7 +22,7 @@
 <%= '/* SG' %>
 <%= '# Icon font/' + glyph.fileName.split("_")[2]  %>
 ```
-<i class="IconFont IconFont-<%= glyph.fileName.split("_")[2] %> IconFont--size24"></i>
+<i class="IconFont IconFont-<%= glyph.fileName.split("_")[2] %>"></i>
 ```
 <%= '*/' %>
 
diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot
index ff4c412..b9cc63b 100644
Binary files a/src/fonts/cartoIcon.eot and b/src/fonts/cartoIcon.eot differ
diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf
index 8d0e24a..5b2e7c8 100644
Binary files a/src/fonts/cartoIcon.ttf and b/src/fonts/cartoIcon.ttf differ
diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff
index a9109b7..e7b42c3 100644
Binary files a/src/fonts/cartoIcon.woff and b/src/fonts/cartoIcon.woff differ
diff --git a/src/scss/icon-font.css.scss b/src/scss/icon-font.css.scss
index 109f5a2..926dde0 100644
--- a/src/scss/icon-font.css.scss
+++ b/src/scss/icon-font.css.scss
@@ -22,7 +22,7 @@
 /* SG
 # Icon font/Clock
 ```
-<i class="IconFont IconFont-Clock IconFont--size24"></i>
+<i class="IconFont IconFont-Clock"></i>
 ```
 */
 
@@ -33,7 +33,7 @@
 /* SG
 # Icon font/Stats
 ```
-<i class="IconFont IconFont-Stats IconFont--size24"></i>
+<i class="IconFont IconFont-Stats"></i>
 ```
 */
 
@@ -44,7 +44,7 @@
 /* SG
 # Icon font/Heart--empty
 ```
-<i class="IconFont IconFont-Heart--empty IconFont--size24"></i>
+<i class="IconFont IconFont-Heart--empty"></i>
 ```
 */
 
@@ -55,7 +55,7 @@
 /* SG
 # Icon font/Heart--fill
 ```
-<i class="IconFont IconFont-Heart--fill IconFont--size24"></i>
+<i class="IconFont IconFont-Heart--fill"></i>
 ```
 */
 
@@ -66,7 +66,7 @@
 /* SG
 # Icon font/Alert
 ```
-<i class="IconFont IconFont-Alert IconFont--size24"></i>
+<i class="IconFont IconFont-Alert"></i>
 ```
 */
 
@@ -77,7 +77,7 @@
 /* SG
 # Icon font/Rows
 ```
-<i class="IconFont IconFont-Rows IconFont--size24"></i>
+<i class="IconFont IconFont-Rows"></i>
 ```
 */
 
@@ -88,7 +88,7 @@
 /* SG
 # Icon font/Check
 ```
-<i class="IconFont IconFont-Check IconFont--size24"></i>
+<i class="IconFont IconFont-Check"></i>
 ```
 */
 
@@ -99,7 +99,7 @@
 /* SG
 # Icon font/Dribbble
 ```
-<i class="IconFont IconFont-Dribbble IconFont--size24"></i>
+<i class="IconFont IconFont-Dribbble"></i>
 ```
 */
 
@@ -110,7 +110,7 @@
 /* SG
 # Icon font/Twitter
 ```
-<i class="IconFont IconFont-Twitter IconFont--size24"></i>
+<i class="IconFont IconFont-Twitter"></i>
 ```
 */
 
@@ -121,7 +121,7 @@
 /* SG
 # Icon font/Wizard
 ```
-<i class="IconFont IconFont-Wizard IconFont--size24"></i>
+<i class="IconFont IconFont-Wizard"></i>
 ```
 */
 
@@ -132,7 +132,7 @@
 /* SG
 # Icon font/Info
 ```
-<i class="IconFont IconFont-Info IconFont--size24"></i>
+<i class="IconFont IconFont-Info"></i>
 ```
 */
 
@@ -143,7 +143,7 @@
 /* SG
 # Icon font/Fork
 ```
-<i class="IconFont IconFont-Fork IconFont--size24"></i>
+<i class="IconFont IconFont-Fork"></i>
 ```
 */
 
@@ -154,7 +154,7 @@
 /* SG
 # Icon font/Facebook
 ```
-<i class="IconFont IconFont-Facebook IconFont--size24"></i>
+<i class="IconFont IconFont-Facebook"></i>
 ```
 */
 
@@ -165,7 +165,7 @@
 /* SG
 # Icon font/Folder
 ```
-<i class="IconFont IconFont-Folder IconFont--size24"></i>
+<i class="IconFont IconFont-Folder"></i>
 ```
 */
 
@@ -176,7 +176,7 @@
 /* SG
 # Icon font/Dropbox
 ```
-<i class="IconFont IconFont-Dropbox IconFont--size24"></i>
+<i class="IconFont IconFont-Dropbox"></i>
 ```
 */
 
@@ -187,7 +187,7 @@
 /* SG
 # Icon font/Cloud
 ```
-<i class="IconFont IconFont-Cloud IconFont--size24"></i>
+<i class="IconFont IconFont-Cloud"></i>
 ```
 */
 
@@ -198,7 +198,7 @@
 /* SG
 # Icon font/Step
 ```
-<i class="IconFont IconFont-Step IconFont--size24"></i>
+<i class="IconFont IconFont-Step"></i>
 ```
 */
 
@@ -209,7 +209,7 @@
 /* SG
 # Icon font/AddDocument
 ```
-<i class="IconFont IconFont-AddDocument IconFont--size24"></i>
+<i class="IconFont IconFont-AddDocument"></i>
 ```
 */
 
@@ -220,7 +220,7 @@
 /* SG
 # Icon font/ArrowNext
 ```
-<i class="IconFont IconFont-ArrowNext IconFont--size24"></i>
+<i class="IconFont IconFont-ArrowNext"></i>
 ```
 */
 
@@ -231,7 +231,7 @@
 /* SG
 # Icon font/ArrowPrev
 ```
-<i class="IconFont IconFont-ArrowPrev IconFont--size24"></i>
+<i class="IconFont IconFont-ArrowPrev"></i>
 ```
 */
 
@@ -242,7 +242,7 @@
 /* SG
 # Icon font/Close
 ```
-<i class="IconFont IconFont-Close IconFont--size24"></i>
+<i class="IconFont IconFont-Close"></i>
 ```
 */
 
@@ -253,7 +253,7 @@
 /* SG
 # Icon font/CartoFante
 ```
-<i class="IconFont IconFont-CartoFante IconFont--size24"></i>
+<i class="IconFont IconFont-CartoFante"></i>
 ```
 */
 
@@ -264,7 +264,7 @@
 /* SG
 # Icon font/Lock
 ```
-<i class="IconFont IconFont-Lock IconFont--size24"></i>
+<i class="IconFont IconFont-Lock"></i>
 ```
 */
 
@@ -275,7 +275,7 @@
 /* SG
 # Icon font/CartoDB
 ```
-<i class="IconFont IconFont-CartoDB IconFont--size24"></i>
+<i class="IconFont IconFont-CartoDB"></i>
 ```
 */
 
@@ -286,7 +286,7 @@
 /* SG
 # Icon font/Lens
 ```
-<i class="IconFont IconFont-Lens IconFont--size24"></i>
+<i class="IconFont IconFont-Lens"></i>
 ```
 */
 
@@ -297,7 +297,7 @@
 /* SG
 # Icon font/CloseLimits
 ```
-<i class="IconFont IconFont-CloseLimits IconFont--size24"></i>
+<i class="IconFont IconFont-CloseLimits"></i>
 ```
 */
 
@@ -308,7 +308,7 @@
 /* SG
 # Icon font/DefaultUser
 ```
-<i class="IconFont IconFont-DefaultUser IconFont--size24"></i>
+<i class="IconFont IconFont-DefaultUser"></i>
 ```
 */
 
@@ -319,7 +319,7 @@
 /* SG
 # Icon font/Cockroach
 ```
-<i class="IconFont IconFont-Cockroach IconFont--size24"></i>
+<i class="IconFont IconFont-Cockroach"></i>
 ```
 */
 
@@ -330,7 +330,7 @@
 /* SG
 # Icon font/Floppy
 ```
-<i class="IconFont IconFont-Floppy IconFont--size24"></i>
+<i class="IconFont IconFont-Floppy"></i>
 ```
 */
 
@@ -341,7 +341,7 @@
 /* SG
 # Icon font/Trash
 ```
-<i class="IconFont IconFont-Trash IconFont--size24"></i>
+<i class="IconFont IconFont-Trash"></i>
 ```
 */
 
@@ -352,7 +352,7 @@
 /* SG
 # Icon font/Wifi
 ```
-<i class="IconFont IconFont-Wifi IconFont--size24"></i>
+<i class="IconFont IconFont-Wifi"></i>
 ```
 */
 
@@ -363,7 +363,7 @@
 /* SG
 # Icon font/Unlock
 ```
-<i class="IconFont IconFont-Unlock IconFont--size24"></i>
+<i class="IconFont IconFont-Unlock"></i>
 ```
 */
 
@@ -374,7 +374,7 @@
 /* SG
 # Icon font/Unlock--withEllipsis
 ```
-<i class="IconFont IconFont-Unlock--withEllipsis IconFont--size24"></i>
+<i class="IconFont IconFont-Unlock--withEllipsis"></i>
 ```
 */
 
@@ -385,7 +385,7 @@
 /* SG
 # Icon font/Gift
 ```
-<i class="IconFont IconFont-Gift IconFont--size24"></i>
+<i class="IconFont IconFont-Gift"></i>
 ```
 */
 
@@ -396,7 +396,7 @@
 /* SG
 # Icon font/People
 ```
-<i class="IconFont IconFont-People IconFont--size24"></i>
+<i class="IconFont IconFont-People"></i>
 ```
 */
 
@@ -407,7 +407,7 @@
 /* SG
 # Icon font/Play
 ```
-<i class="IconFont IconFont-Play IconFont--size24"></i>
+<i class="IconFont IconFont-Play"></i>
 ```
 */
 
@@ -418,7 +418,7 @@
 /* SG
 # Icon font/Add
 ```
-<i class="IconFont IconFont-Add IconFont--size24"></i>
+<i class="IconFont IconFont-Add"></i>
 ```
 */
 
@@ -429,7 +429,7 @@
 /* SG
 # Icon font/Map
 ```
-<i class="IconFont IconFont-Map IconFont--size24"></i>
+<i class="IconFont IconFont-Map"></i>
 ```
 */
 
@@ -440,7 +440,7 @@
 /* SG
 # Icon font/Anchor
 ```
-<i class="IconFont IconFont-Anchor IconFont--size24"></i>
+<i class="IconFont IconFont-Anchor"></i>
 ```
 */
 
@@ -451,7 +451,7 @@
 /* SG
 # Icon font/Key
 ```
-<i class="IconFont IconFont-Key IconFont--size24"></i>
+<i class="IconFont IconFont-Key"></i>
 ```
 */
 
@@ -462,7 +462,7 @@
 /* SG
 # Icon font/Calendar
 ```
-<i class="IconFont IconFont-Calendar IconFont--size24"></i>
+<i class="IconFont IconFont-Calendar"></i>
 ```
 */
 
@@ -473,7 +473,7 @@
 /* SG
 # Icon font/Document
 ```
-<i class="IconFont IconFont-Document IconFont--size24"></i>
+<i class="IconFont IconFont-Document"></i>
 ```
 */
 
@@ -484,7 +484,7 @@
 /* SG
 # Icon font/Eye
 ```
-<i class="IconFont IconFont-Eye IconFont--size24"></i>
+<i class="IconFont IconFont-Eye"></i>
 ```
 */
 
@@ -495,7 +495,7 @@
 /* SG
 # Icon font/Marker
 ```
-<i class="IconFont IconFont-Marker IconFont--size24"></i>
+<i class="IconFont IconFont-Marker"></i>
 ```
 */
 
@@ -506,7 +506,7 @@
 /* SG
 # Icon font/ProgressBar
 ```
-<i class="IconFont IconFont-ProgressBar IconFont--size24"></i>
+<i class="IconFont IconFont-ProgressBar"></i>
 ```
 */
 
@@ -517,7 +517,7 @@
 /* SG
 # Icon font/Book
 ```
-<i class="IconFont IconFont-Book IconFont--size24"></i>
+<i class="IconFont IconFont-Book"></i>
 ```
 */
 
@@ -528,7 +528,7 @@
 /* SG
 # Icon font/Notes
 ```
-<i class="IconFont IconFont-Notes IconFont--size24"></i>
+<i class="IconFont IconFont-Notes"></i>
 ```
 */
 
@@ -539,7 +539,7 @@
 /* SG
 # Icon font/Rectangles
 ```
-<i class="IconFont IconFont-Rectangles IconFont--size24"></i>
+<i class="IconFont IconFont-Rectangles"></i>
 ```
 */
 
@@ -550,7 +550,7 @@
 /* SG
 # Icon font/Mountain
 ```
-<i class="IconFont IconFont-Mountain IconFont--size24"></i>
+<i class="IconFont IconFont-Mountain"></i>
 ```
 */
 
@@ -561,7 +561,7 @@
 /* SG
 # Icon font/Points
 ```
-<i class="IconFont IconFont-Points IconFont--size24"></i>
+<i class="IconFont IconFont-Points"></i>
 ```
 */
 
@@ -572,7 +572,7 @@
 /* SG
 # Icon font/Snake
 ```
-<i class="IconFont IconFont-Snake IconFont--size24"></i>
+<i class="IconFont IconFont-Snake"></i>
 ```
 */
 
@@ -583,7 +583,7 @@
 /* SG
 # Icon font/Boss
 ```
-<i class="IconFont IconFont-Boss IconFont--size24"></i>
+<i class="IconFont IconFont-Boss"></i>
 ```
 */
 
@@ -594,7 +594,7 @@
 /* SG
 # Icon font/Rocket
 ```
-<i class="IconFont IconFont-Rocket IconFont--size24"></i>
+<i class="IconFont IconFont-Rocket"></i>
 ```
 */
 
@@ -605,7 +605,7 @@
 /* SG
 # Icon font/Barometer
 ```
-<i class="IconFont IconFont-Barometer IconFont--size24"></i>
+<i class="IconFont IconFont-Barometer"></i>
 ```
 */
 
@@ -616,7 +616,7 @@
 /* SG
 # Icon font/Dollar
 ```
-<i class="IconFont IconFont-Dollar IconFont--size24"></i>
+<i class="IconFont IconFont-Dollar"></i>
 ```
 */
 
@@ -627,7 +627,7 @@
 /* SG
 # Icon font/Email
 ```
-<i class="IconFont IconFont-Email IconFont--size24"></i>
+<i class="IconFont IconFont-Email"></i>
 ```
 */
 
@@ -638,7 +638,7 @@
 /* SG
 # Icon font/Label
 ```
-<i class="IconFont IconFont-Label IconFont--size24"></i>
+<i class="IconFont IconFont-Label"></i>
 ```
 */
 
@@ -649,7 +649,7 @@
 /* SG
 # Icon font/Outside
 ```
-<i class="IconFont IconFont-Outside IconFont--size24"></i>
+<i class="IconFont IconFont-Outside"></i>
 ```
 */
 
@@ -660,7 +660,7 @@
 /* SG
 # Icon font/Jigsaw
 ```
-<i class="IconFont IconFont-Jigsaw IconFont--size24"></i>
+<i class="IconFont IconFont-Jigsaw"></i>
 ```
 */
 
@@ -671,7 +671,7 @@
 /* SG
 # Icon font/Tools
 ```
-<i class="IconFont IconFont-Tools IconFont--size24"></i>
+<i class="IconFont IconFont-Tools"></i>
 ```
 */
 
@@ -682,7 +682,7 @@
 /* SG
 # Icon font/Question
 ```
-<i class="IconFont IconFont-Question IconFont--size24"></i>
+<i class="IconFont IconFont-Question"></i>
 ```
 */
 
@@ -693,7 +693,7 @@
 /* SG
 # Icon font/LayerStack
 ```
-<i class="IconFont IconFont-LayerStack IconFont--size24"></i>
+<i class="IconFont IconFont-LayerStack"></i>
 ```
 */
 
@@ -704,7 +704,7 @@
 /* SG
 # Icon font/Alarm
 ```
-<i class="IconFont IconFont-Alarm IconFont--size24"></i>
+<i class="IconFont IconFont-Alarm"></i>
 ```
 */
 
@@ -715,7 +715,7 @@
 /* SG
 # Icon font/CloudDownArrow
 ```
-<i class="IconFont IconFont-CloudDownArrow IconFont--size24"></i>
+<i class="IconFont IconFont-CloudDownArrow"></i>
 ```
 */
 
@@ -726,7 +726,7 @@
 /* SG
 # Icon font/Pencil
 ```
-<i class="IconFont IconFont-Pencil IconFont--size24"></i>
+<i class="IconFont IconFont-Pencil"></i>
 ```
 */
 
@@ -737,7 +737,7 @@
 /* SG
 # Icon font/FountainPen
 ```
-<i class="IconFont IconFont-FountainPen IconFont--size24"></i>
+<i class="IconFont IconFont-FountainPen"></i>
 ```
 */
 
@@ -748,7 +748,7 @@
 /* SG
 # Icon font/EmptyDoc
 ```
-<i class="IconFont IconFont-EmptyDoc IconFont--size24"></i>
+<i class="IconFont IconFont-EmptyDoc"></i>
 ```
 */
 
@@ -759,7 +759,7 @@
 /* SG
 # Icon font/MergeArrow
 ```
-<i class="IconFont IconFont-MergeArrow IconFont--size24"></i>
+<i class="IconFont IconFont-MergeArrow"></i>
 ```
 */
 
@@ -770,7 +770,7 @@
 /* SG
 # Icon font/MergeColumns
 ```
-<i class="IconFont IconFont-MergeColumns IconFont--size24"></i>
+<i class="IconFont IconFont-MergeColumns"></i>
 ```
 */
 
@@ -781,7 +781,7 @@
 /* SG
 # Icon font/MergeSpatial
 ```
-<i class="IconFont IconFont-MergeSpatial IconFont--size24"></i>
+<i class="IconFont IconFont-MergeSpatial"></i>
 ```
 */
 
@@ -792,7 +792,7 @@
 /* SG
 # Icon font/Globe
 ```
-<i class="IconFont IconFont-Globe IconFont--size24"></i>
+<i class="IconFont IconFont-Globe"></i>
 ```
 */
 
@@ -803,7 +803,7 @@
 /* SG
 # Icon font/ChevronDown
 ```
-<i class="IconFont IconFont-ChevronDown IconFont--size24"></i>
+<i class="IconFont IconFont-ChevronDown"></i>
 ```
 */
 
@@ -814,7 +814,7 @@
 /* SG
 # Icon font/Streets
 ```
-<i class="IconFont IconFont-Streets IconFont--size24"></i>
+<i class="IconFont IconFont-Streets"></i>
 ```
 */
 
@@ -825,7 +825,7 @@
 /* SG
 # Icon font/Keys
 ```
-<i class="IconFont IconFont-Keys IconFont--size24"></i>
+<i class="IconFont IconFont-Keys"></i>
 ```
 */
 
@@ -836,7 +836,7 @@
 /* SG
 # Icon font/FacebookSquare
 ```
-<i class="IconFont IconFont-FacebookSquare IconFont--size24"></i>
+<i class="IconFont IconFont-FacebookSquare"></i>
 ```
 */
 
@@ -847,7 +847,7 @@
 /* SG
 # Icon font/Fullscreen
 ```
-<i class="IconFont IconFont-Fullscreen IconFont--size24"></i>
+<i class="IconFont IconFont-Fullscreen"></i>
 ```
 */
 
@@ -858,7 +858,7 @@
 /* SG
 # Icon font/Rarrow
 ```
-<i class="IconFont IconFont-Rarrow IconFont--size24"></i>
+<i class="IconFont IconFont-Rarrow"></i>
 ```
 */
 
@@ -869,7 +869,7 @@
 /* SG
 # Icon font/Share
 ```
-<i class="IconFont IconFont-Share IconFont--size24"></i>
+<i class="IconFont IconFont-Share"></i>
 ```
 */
 
@@ -880,7 +880,7 @@
 /* SG
 # Icon font/Linkedin
 ```
-<i class="IconFont IconFont-Linkedin IconFont--size24"></i>
+<i class="IconFont IconFont-Linkedin"></i>
 ```
 */
 
@@ -891,7 +891,7 @@
 /* SG
 # Icon font/CalendarBlank
 ```
-<i class="IconFont IconFont-CalendarBlank IconFont--size24"></i>
+<i class="IconFont IconFont-CalendarBlank"></i>
 ```
 */
 
@@ -902,7 +902,7 @@
 /* SG
 # Icon font/CreativeCommons
 ```
-<i class="IconFont IconFont-CreativeCommons IconFont--size24"></i>
+<i class="IconFont IconFont-CreativeCommons"></i>
 ```
 */
 
@@ -913,7 +913,7 @@
 /* SG
 # Icon font/Bubble
 ```
-<i class="IconFont IconFont-Bubble IconFont--size24"></i>
+<i class="IconFont IconFont-Bubble"></i>
 ```
 */
 
@@ -924,7 +924,7 @@
 /* SG
 # Icon font/Bars
 ```
-<i class="IconFont IconFont-Bars IconFont--size24"></i>
+<i class="IconFont IconFont-Bars"></i>
 ```
 */
 
@@ -935,7 +935,7 @@
 /* SG
 # Icon font/ArrowMenu
 ```
-<i class="IconFont IconFont-ArrowMenu IconFont--size24"></i>
+<i class="IconFont IconFont-ArrowMenu"></i>
 ```
 */
 
@@ -946,7 +946,7 @@
 /* SG
 # Icon font/TieFighter
 ```
-<i class="IconFont IconFont-TieFighter IconFont--size24"></i>
+<i class="IconFont IconFont-TieFighter"></i>
 ```
 */
 
@@ -957,7 +957,7 @@
 /* SG
 # Icon font/Ray
 ```
-<i class="IconFont IconFont-Ray IconFont--size24"></i>
+<i class="IconFont IconFont-Ray"></i>
 ```
 */
 
@@ -968,7 +968,7 @@
 /* SG
 # Icon font/Markup
 ```
-<i class="IconFont IconFont-Markup IconFont--size24"></i>
+<i class="IconFont IconFont-Markup"></i>
 ```
 */
 
@@ -979,7 +979,7 @@
 /* SG
 # Icon font/Table
 ```
-<i class="IconFont IconFont-Table IconFont--size24"></i>
+<i class="IconFont IconFont-Table"></i>
 ```
 */
 
@@ -990,7 +990,7 @@
 /* SG
 # Icon font/Airlock
 ```
-<i class="IconFont IconFont-Airlock IconFont--size24"></i>
+<i class="IconFont IconFont-Airlock"></i>
 ```
 */
 
@@ -1001,7 +1001,7 @@
 /* SG
 # Icon font/Pin
 ```
-<i class="IconFont IconFont-Pin IconFont--size24"></i>
+<i class="IconFont IconFont-Pin"></i>
 ```
 */
 
@@ -1012,7 +1012,7 @@
 /* SG
 # Icon font/Attache
 ```
-<i class="IconFont IconFont-Attache IconFont--size24"></i>
+<i class="IconFont IconFont-Attache"></i>
 ```
 */
 
@@ -1023,7 +1023,7 @@
 /* SG
 # Icon font/Download
 ```
-<i class="IconFont IconFont-Download IconFont--size24"></i>
+<i class="IconFont IconFont-Download"></i>
 ```
 */