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

Merge pull request #132 from CartoDB/add-eye-icon

Browse Source 
Add eye icon
This commit is contained in:
piensaenpixel 2016-06-16 13:10:14 +02:00 committed by GitHub
commit 43a21b5d28
8 changed files with 217 additions and 183 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.

17
icon-font/svgs/icon-font_105_View.svg
View File

@ -1,11 +1,16 @@
<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"> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="497px" height="333px" viewBox="0 0 497 333" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>icon-font_105_View</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard-1" transform="translate(-9000.000000, -10000.000000)"> <g id="Artboard-1" transform="translate(-9003.000000, -10083.000000)" fill="#000000">
<g id="icon-font_105_View" transform="translate(9000.000000, 10000.000000)"> <g id="icon-font_105_View" transform="translate(9003.000000, 10083.000000)">
<g id="Group-2"> <g id="Group-2">
<g id="Group" transform="translate(1.000000, 108.000000)" fill="#000000"> <g id="Group">
<path d="M248,204 C283.898509,204 313,174.898509 313,139 C313,103.101491 283.898509,74 248,74 C212.101491,74 183,103.101491 183,139 C183,174.898509 212.101491,204 248,204 L248,204 Z M248,171.5 C230.050746,171.5 215.5,156.949254 215.5,139 C215.5,121.050746 230.050746,106.5 248,106.5 C265.949254,106.5 280.5,121.050746 280.5,139 C280.5,156.949254 265.949254,171.5 248,171.5 L248,171.5 Z" id="Oval"></path> <path d="M471.081197,197.991929 C468.5343,195.837242 466.31719,193.536539 463.556263,190.459099 C461.579886,188.256152 459.411249,185.726406 456.116975,181.813099 C456.060313,181.74579 449.391612,173.800471 447.199892,171.206877 C428.452349,149.021781 412.314667,131.48265 393.620576,114.0521 C344.156426,67.9312512 295.426469,41.6666667 250,41.6666667 C200.857764,41.6666667 149.113545,66.9401551 100.831735,109.654257 C82.281242,126.065565 65.493171,144.059531 52.4935288,160.716392 C47.3817921,167.266226 43.2485201,173.131624 40.5947577,177.457253 C39.7179043,178.886523 39.1712202,179.876382 39.0494426,180.137376 C40.6286653,176.752781 41.6666667,173.550174 41.6666667,166.5 C41.6666667,159.449826 40.6286653,156.247219 39.0494426,152.862624 C39.1712202,153.123618 39.7179043,154.113477 40.5947577,155.542747 C43.2485201,159.868376 47.3817921,165.733774 52.4935288,172.283608 C65.493171,188.940469 82.281242,206.934435 100.831735,223.345743 C149.113545,266.059845 200.857764,291.333333 250,291.333333 C295.426469,291.333333 344.156426,265.068749 393.620576,218.9479 C412.314667,201.51735 428.452349,183.978219 447.199892,161.793123 C449.391612,159.199529 456.060313,151.25421 456.116975,151.186901 C459.411249,147.273594 461.579886,144.743848 463.556263,142.540901 C466.31719,139.463461 468.5343,137.162758 471.081197,135.008071 C489.543935,156.382279 500,170.41457 500,166.5 C500,162.58543 489.543935,176.617721 471.081197,197.991929 L471.081197,197.991929 Z M471.997306,196.929786 L471.997306,196.929786 C430.358143,245.277243 346.573892,333 250,333 C111.928813,333 5.44763356e-15,179.307692 0,166.5 C-3.09254351e-15,153.692308 111.928813,0 250,0 C346.573892,0 430.358143,87.722757 471.997306,136.070214 C468.472774,139.235598 465.486596,143.010249 463.206798,147.254219 C459.494437,154.164985 458.333333,160.426736 458.333333,166.5 C458.333333,172.573264 459.494437,178.835015 463.206798,185.745781 C465.486596,189.989751 468.472774,193.764402 471.997306,196.929786 L471.997306,196.929786 Z" id="Oval-225"></path>
<path d="M498,142 L490.228202,132.405634 C489.965038,132.080755 489.504695,131.523547 488.851817,130.749402 C487.802469,129.505146 486.570074,128.075014 485.159238,126.474392 C481.173246,121.952203 476.530276,116.934745 471.266609,111.545061 C456.271737,96.1911982 439.245208,80.8503779 420.461655,66.5093925 C396.186889,47.975942 370.739416,32.4869905 344.36045,21.0639068 C312.813937,7.40308047 280.919671,0 249,0 C217.080329,0 185.186063,7.40308047 153.63955,21.0639068 C127.260584,32.4869905 101.813111,47.975942 77.5383451,66.5093925 C58.7547915,80.8503779 41.7282633,96.1911982 26.7333912,111.545061 C21.4697242,116.934745 16.8267536,121.952203 12.840762,126.474392 C11.4299264,128.075014 10.197531,129.505146 9.14818293,130.749402 C8.49530468,131.523547 8.03496235,132.080755 7.77179844,132.405634 L0,142 L7.77179844,151.594366 C8.03496235,151.919245 8.49530468,152.476453 9.14818293,153.250598 C10.197531,154.494854 11.4299264,155.924986 12.840762,157.525608 C16.8267536,162.047797 21.4697242,167.065255 26.7333912,172.454939 C41.7282633,187.808802 58.7547915,203.149622 77.5383451,217.490608 C101.813111,236.024058 127.260584,251.513009 153.63955,262.936093 C185.186063,276.59692 217.080329,284 249,284 C280.919671,284 312.813937,276.59692 344.36045,262.936093 C370.739416,251.513009 396.186889,236.024058 420.461655,217.490608 C439.245208,203.149622 456.271737,187.808802 471.266609,172.454939 C476.530276,167.065255 481.173246,162.047797 485.159238,157.525608 C486.570074,155.924986 487.802469,154.494854 488.851817,153.250598 C489.504695,152.476453 489.965038,151.919245 490.228202,151.594366 L498,142 Z M449.382669,150.630786 C435.367435,164.981558 419.42527,179.345372 401.896022,192.728712 C352.448286,230.48138 300.541217,252.959092 249.012844,252.959092 C197.484471,252.959092 145.577402,230.48138 96.1296657,192.728712 C78.6004181,179.345372 62.6582533,164.981558 48.6430187,150.630786 C43.7531484,145.623848 40,141.455613 40,141.455613 C40,141.455613 45.5128629,135.533401 48.6430187,132.328306 C62.6582533,117.977535 78.6004181,103.613721 96.1296657,90.2303806 C145.577402,52.4777124 197.484471,30 249.012844,30 C300.541217,30 352.448286,52.4777124 401.896022,90.2303806 C419.42527,103.613721 435.367435,117.977535 449.382669,132.328306 C452.550111,135.57158 458.119504,141.558057 458.119504,141.558057 C458.119504,141.558057 454.27254,145.623848 449.382669,150.630786 Z" id="Combined-Shape"></path> <path d="M208.333333,166.5 C208.333333,143.546786 227.02381,124.875 250,124.875 C272.97619,124.875 291.666667,143.546786 291.666667,166.5 C291.666667,189.453214 272.97619,208.125 250,208.125 C227.02381,208.125 208.333333,189.453214 208.333333,166.5 Z" id="Path"></path>
</g> </g>
</g> </g>
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

15
icon-font/svgs/icon-font_112_Hide.svg Normal file
View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="501px" height="420px" viewBox="0 0 501 420" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.1 (29687) - http://www.bohemiancoding.com/sketch -->
<title>icon-font_112_Hide</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(-7999.000000, -11042.000000)" fill="#000000">
<g id="icon-font_112_Hide" transform="translate(7999.000000, 11042.000000)">
<path d="M168.516382,356.527444 C194.193363,367.220614 221.780987,373.902897 250.502897,373.902897 C346.850106,373.902897 430.433697,286.17791 471.948787,237.869025 C493.317357,215.896446 498.973146,209.028031 498.973146,209.028031 C499.701368,208.186721 499.712307,206.818732 499.009367,205.974772 C499.009367,205.974772 492.362279,197.637656 471.948787,177.136769 C462.294003,165.902014 450.363963,152.535458 436.527263,138.636273 C436.424017,138.532561 436.320665,138.428819 436.217207,138.325049 L403.726892,164.807837 C421.268756,182.667154 441.521907,205.994982 441.521907,205.994982 C442.245864,206.823254 442.253276,208.172862 441.531978,208.999306 C441.531978,208.999306 412.348272,242.613362 393.702121,260.035106 C344.373268,306.124757 295.780717,332.369351 250.502897,332.369351 C235.900423,332.369351 221.065928,330.125273 206.159883,325.844312 L168.516372,356.52744 Z M62.9467973,285.173542 C24.4830048,248.609797 1.16779055,213.352643 1.16779055,207.502897 C1.16779055,194.702897 112.79892,41.1028969 250.502897,41.1028969 C280.140414,41.1028969 308.570175,49.4038635 334.939182,62.3050109 C334.952385,62.3114703 334.965587,62.3179308 334.978788,62.3243925 L298.872131,91.9030383 C282.420027,85.8152289 266.260719,82.6364433 250.502897,82.6364433 C201.51747,82.6364433 149.921025,107.889782 101.771487,150.574805 C83.2680311,166.978295 66.5218737,184.964392 53.5539044,201.614973 C48.4535212,208.16375 48.4535212,206.842043 53.5539044,213.390821 C65.0065328,228.095739 79.4059564,243.842291 95.3601663,258.620445 L62.9467973,285.173542 Z" id="Combined-Shape"></path>
<path d="M237.699577,247.083394 C241.734153,248.394252 246.037365,249.102897 250.502897,249.102897 C273.417981,249.102897 292.058748,230.442325 292.058748,207.502897 C292.058748,205.937973 291.971995,204.392962 291.80305,202.872431 L485.0452,44.9634975 L501.005801,31.9212011 L474.921208,0 L458.960608,13.0422964 L267.462564,169.526023 C262.281232,167.198286 256.540423,165.902897 250.502897,165.902897 C227.587813,165.902897 208.947046,184.563468 208.947046,207.502897 C208.947046,210.60403 209.28772,213.626964 209.933574,216.536167 L15.9606005,375.042296 L5.68434189e-14,388.084593 L26.0845928,420.005794 L42.0451933,406.963497 L237.699577,247.083394 L237.699577,247.083394 Z" id="Combined-Shape"></path>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
src/fonts/cartoIcon.eot
View File

Binary file not shown.

181
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: 196 KiB

After

Width:  |  Height:  |  Size: 199 KiB

BIN
src/fonts/cartoIcon.ttf
View File

Binary file not shown.

BIN
src/fonts/cartoIcon.woff
View File

Binary file not shown.

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

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