cartodb4/CartoAssets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New font icons: updated just the new ones

Browse Source
This commit is contained in:
María Checa 2016-05-20 12:38:15 +02:00
parent 529d4eb8df
commit 8b5bc84f66
8 changed files with 237 additions and 177 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
icon-font/font.sketch
View File

Binary file not shown.

20
icon-font/svgs/icon-font_109_Mobile.svg Normal file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="292px" height="500px" viewBox="0 0 292 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>icon-font_109_Mobile</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard-1" transform="translate(-4113.000000, -11000.000000)" fill="#000000">
<g id="icon-font_109_Mobile" transform="translate(4113.000000, 11000.000000)">
<g id="Outline_Icons">
<g id="Group">
<path d="M239.583333,0 L52.0833333,0 C23.375,0 0,23.3541667 0,52.0833333 L0,447.916667 C0,476.645833 23.375,500 52.0833333,500 L239.583333,500 C268.291667,500 291.666667,476.645833 291.666667,447.916667 L291.666667,52.0833333 C291.666667,23.3541667 268.3125,0 239.583333,0 L239.583333,0 Z M20.8333333,104.166667 L270.833333,104.166667 L270.833333,395.833333 L20.8333333,395.833333 L20.8333333,104.166667 L20.8333333,104.166667 Z M52.0833333,20.8333333 L239.583333,20.8333333 C256.833333,20.8333333 270.833333,34.8541667 270.833333,52.0833333 L270.833333,83.3333333 L20.8333333,83.3333333 L20.8333333,52.0833333 C20.8333333,34.8541667 34.8541667,20.8333333 52.0833333,20.8333333 L52.0833333,20.8333333 Z M239.583333,479.166667 L52.0833333,479.166667 C34.8541667,479.166667 20.8333333,465.145833 20.8333333,447.916667 L20.8333333,416.666667 L270.833333,416.666667 L270.833333,447.916667 C270.833333,465.145833 256.833333,479.166667 239.583333,479.166667 L239.583333,479.166667 Z" id="Shape"></path>
<path d="M197.916667,437.5 L93.75,437.5 C88,437.5 83.3333333,442.166667 83.3333333,447.916667 C83.3333333,453.666667 88,458.333333 93.75,458.333333 L197.916667,458.333333 C203.666667,458.333333 208.333333,453.666667 208.333333,447.916667 C208.333333,442.166667 203.6875,437.5 197.916667,437.5 L197.916667,437.5 Z" id="Shape"></path>
<ellipse id="Oval" cx="145.833333" cy="52.0833333" rx="20.8333333" ry="20.8333333"></ellipse>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

12
icon-font/svgs/icon-font_110_Status.svg Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="500px" height="500px" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>icon-font_110_Status</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard-1" transform="translate(-5000.000000, -11000.000000)" fill="#000000">
<ellipse id="icon-font_110_Status" cx="5250" cy="11250" rx="250" ry="250"></ellipse>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 686 B

BIN
src/fonts/cartoIcon.eot
View File

Binary file not shown.

184
src/fonts/cartoIcon.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 190 KiB

After

Width:  |  Height:  |  Size: 193 KiB

BIN
src/fonts/cartoIcon.ttf
View File

Binary file not shown.

BIN
src/fonts/cartoIcon.woff
View File

Binary file not shown.

198
src/scss/cdb-icon-font.scss
View File

@ -155,12 +155,24 @@ All available icons in CartoDB.
</div>
<div class="box">
<i class="CDB-IconFont CDB-IconFont-mobile Size-large"></i>
<h4 class="Text Size-small">mobile</h4>
</div>
<div class="box">
<i class="CDB-IconFont CDB-IconFont-wizard Size-large"></i>
<h4 class="Text Size-small">wizard</h4>
</div>
<div class="box">
<i class="CDB-IconFont CDB-IconFont-status Size-large"></i>
<h4 class="Text Size-small">status</h4>
</div>
<div class="box">
<i class="CDB-IconFont CDB-IconFont-info Size-large"></i>
<h4 class="Text Size-small">info</h4>
@ -782,441 +794,451 @@ All available icons in CartoDB.
}
.CDB-IconFont-wizard::before {
.CDB-IconFont-mobile::before {
content: '\E014';
}
.CDB-IconFont-info::before {
.CDB-IconFont-wizard::before {
content: '\E015';
}
.CDB-IconFont-fork::before {
.CDB-IconFont-status::before {
content: '\E016';
}
.CDB-IconFont-facebook::before {
.CDB-IconFont-info::before {
content: '\E017';
}
.CDB-IconFont-folder::before {
.CDB-IconFont-fork::before {
content: '\E018';
}
.CDB-IconFont-dropbox::before {
.CDB-IconFont-facebook::before {
content: '\E019';
}
.CDB-IconFont-cloud::before {
.CDB-IconFont-folder::before {
content: '\E01A';
}
.CDB-IconFont-step::before {
.CDB-IconFont-dropbox::before {
content: '\E01B';
}
.CDB-IconFont-addDocument::before {
.CDB-IconFont-cloud::before {
content: '\E01C';
}
.CDB-IconFont-arrowNext::before {
.CDB-IconFont-step::before {
content: '\E01D';
}
.CDB-IconFont-arrowPrev::before {
.CDB-IconFont-addDocument::before {
content: '\E01E';
}
.CDB-IconFont-close::before {
.CDB-IconFont-arrowNext::before {
content: '\E01F';
}
.CDB-IconFont-cartoFante::before {
.CDB-IconFont-arrowPrev::before {
content: '\E020';
}
.CDB-IconFont-lock::before {
.CDB-IconFont-close::before {
content: '\E021';
}
.CDB-IconFont-cartoDB::before {
.CDB-IconFont-cartoFante::before {
content: '\E022';
}
.CDB-IconFont-lens::before {
.CDB-IconFont-lock::before {
content: '\E023';
}
.CDB-IconFont-closeLimits::before {
.CDB-IconFont-cartoDB::before {
content: '\E024';
}
.CDB-IconFont-defaultUser::before {
.CDB-IconFont-lens::before {
content: '\E025';
}
.CDB-IconFont-cockroach::before {
.CDB-IconFont-closeLimits::before {
content: '\E026';
}
.CDB-IconFont-floppy::before {
.CDB-IconFont-defaultUser::before {
content: '\E027';
}
.CDB-IconFont-trash::before {
.CDB-IconFont-cockroach::before {
content: '\E028';
}
.CDB-IconFont-wifi::before {
.CDB-IconFont-floppy::before {
content: '\E029';
}
.CDB-IconFont-unlock::before {
.CDB-IconFont-trash::before {
content: '\E02A';
}
.CDB-IconFont-unlockWithEllipsis::before {
.CDB-IconFont-wifi::before {
content: '\E02B';
}
.CDB-IconFont-gift::before {
.CDB-IconFont-unlock::before {
content: '\E02C';
}
.CDB-IconFont-people::before {
.CDB-IconFont-unlockWithEllipsis::before {
content: '\E02D';
}
.CDB-IconFont-play::before {
.CDB-IconFont-gift::before {
content: '\E02E';
}
.CDB-IconFont-add::before {
.CDB-IconFont-people::before {
content: '\E02F';
}
.CDB-IconFont-map::before {
.CDB-IconFont-play::before {
content: '\E030';
}
.CDB-IconFont-anchor::before {
.CDB-IconFont-add::before {
content: '\E031';
}
.CDB-IconFont-key::before {
.CDB-IconFont-map::before {
content: '\E032';
}
.CDB-IconFont-calendar::before {
.CDB-IconFont-anchor::before {
content: '\E033';
}
.CDB-IconFont-document::before {
.CDB-IconFont-key::before {
content: '\E034';
}
.CDB-IconFont-eye::before {
.CDB-IconFont-calendar::before {
content: '\E035';
}
.CDB-IconFont-marker::before {
.CDB-IconFont-document::before {
content: '\E036';
}
.CDB-IconFont-progressBar::before {
.CDB-IconFont-eye::before {
content: '\E037';
}
.CDB-IconFont-book::before {
.CDB-IconFont-marker::before {
content: '\E038';
}
.CDB-IconFont-notes::before {
.CDB-IconFont-progressBar::before {
content: '\E039';
}
.CDB-IconFont-rectangles::before {
.CDB-IconFont-book::before {
content: '\E03A';
}
.CDB-IconFont-mountain::before {
.CDB-IconFont-notes::before {
content: '\E03B';
}
.CDB-IconFont-points::before {
.CDB-IconFont-rectangles::before {
content: '\E03C';
}
.CDB-IconFont-snake::before {
.CDB-IconFont-mountain::before {
content: '\E03D';
}
.CDB-IconFont-boss::before {
.CDB-IconFont-points::before {
content: '\E03E';
}
.CDB-IconFont-rocket::before {
.CDB-IconFont-snake::before {
content: '\E03F';
}
.CDB-IconFont-barometer::before {
.CDB-IconFont-boss::before {
content: '\E040';
}
.CDB-IconFont-dollar::before {
.CDB-IconFont-rocket::before {
content: '\E041';
}
.CDB-IconFont-email::before {
.CDB-IconFont-barometer::before {
content: '\E042';
}
.CDB-IconFont-label::before {
.CDB-IconFont-dollar::before {
content: '\E043';
}
.CDB-IconFont-outside::before {
.CDB-IconFont-email::before {
content: '\E044';
}
.CDB-IconFont-jigsaw::before {
.CDB-IconFont-label::before {
content: '\E045';
}
.CDB-IconFont-tools::before {
.CDB-IconFont-outside::before {
content: '\E046';
}
.CDB-IconFont-question::before {
.CDB-IconFont-jigsaw::before {
content: '\E047';
}
.CDB-IconFont-layerStack::before {
.CDB-IconFont-tools::before {
content: '\E048';
}
.CDB-IconFont-alarm::before {
.CDB-IconFont-question::before {
content: '\E049';
}
.CDB-IconFont-cloudDownArrow::before {
.CDB-IconFont-layerStack::before {
content: '\E04A';
}
.CDB-IconFont-pencil::before {
.CDB-IconFont-alarm::before {
content: '\E04B';
}
.CDB-IconFont-fountainPen::before {
.CDB-IconFont-cloudDownArrow::before {
content: '\E04C';
}
.CDB-IconFont-emptyDoc::before {
.CDB-IconFont-pencil::before {
content: '\E04D';
}
.CDB-IconFont-mergeArrow::before {
.CDB-IconFont-fountainPen::before {
content: '\E04E';
}
.CDB-IconFont-mergeColumns::before {
.CDB-IconFont-emptyDoc::before {
content: '\E04F';
}
.CDB-IconFont-mergeSpatial::before {
.CDB-IconFont-mergeArrow::before {
content: '\E050';
}
.CDB-IconFont-globe::before {
.CDB-IconFont-mergeColumns::before {
content: '\E051';
}
.CDB-IconFont-chevronDown::before {
.CDB-IconFont-mergeSpatial::before {
content: '\E052';
}
.CDB-IconFont-streets::before {
.CDB-IconFont-globe::before {
content: '\E053';
}
.CDB-IconFont-keys::before {
.CDB-IconFont-chevronDown::before {
content: '\E054';
}
.CDB-IconFont-facebookSquare::before {
.CDB-IconFont-streets::before {
content: '\E055';
}
.CDB-IconFont-fullscreen::before {
.CDB-IconFont-keys::before {
content: '\E056';
}
.CDB-IconFont-rArrowLight::before {
.CDB-IconFont-facebookSquare::before {
content: '\E057';
}
.CDB-IconFont-share::before {
.CDB-IconFont-fullscreen::before {
content: '\E058';
}
.CDB-IconFont-linkedin::before {
.CDB-IconFont-rArrowLight::before {
content: '\E059';
}
.CDB-IconFont-calendarBlank::before {
.CDB-IconFont-share::before {
content: '\E05A';
}
.CDB-IconFont-creativeCommons::before {
.CDB-IconFont-linkedin::before {
content: '\E05B';
}
.CDB-IconFont-bubble::before {
.CDB-IconFont-calendarBlank::before {
content: '\E05C';
}
.CDB-IconFont-bars::before {
.CDB-IconFont-creativeCommons::before {
content: '\E05D';
}
.CDB-IconFont-arrowMenuLight::before {
.CDB-IconFont-bubble::before {
content: '\E05E';
}
.CDB-IconFont-tieFighter::before {
.CDB-IconFont-bars::before {
content: '\E05F';
}
.CDB-IconFont-ray::before {
.CDB-IconFont-arrowMenuLight::before {
content: '\E060';
}
.CDB-IconFont-markup::before {
.CDB-IconFont-tieFighter::before {
content: '\E061';
}
.CDB-IconFont-table::before {
.CDB-IconFont-ray::before {
content: '\E062';
}
.CDB-IconFont-airlock::before {
.CDB-IconFont-markup::before {
content: '\E063';
}
.CDB-IconFont-pin::before {
.CDB-IconFont-table::before {
content: '\E064';
}
.CDB-IconFont-attache::before {
.CDB-IconFont-airlock::before {
content: '\E065';
}
.CDB-IconFont-download::before {
.CDB-IconFont-pin::before {
content: '\E066';
}
.CDB-IconFont-group::before {
.CDB-IconFont-attache::before {
content: '\E067';
}
.CDB-IconFont-dashboard::before {
.CDB-IconFont-download::before {
content: '\E068';
}
.CDB-IconFont-spinner::before {
.CDB-IconFont-group::before {
content: '\E069';
}
.CDB-IconFont-mapsearch::before {
.CDB-IconFont-dashboard::before {
content: '\E06A';
}
.CDB-IconFont-rArrow::before {
.CDB-IconFont-spinner::before {
content: '\E06B';
}
.CDB-IconFont-mapsearch::before {
content: '\E06C';
}
.CDB-IconFont-rArrow::before {
content: '\E06D';
}