diff --git a/android/app/src/main/assets/fonts/drip-icon-font.ttf b/android/app/src/main/assets/fonts/drip-icon-font.ttf
new file mode 100644
index 0000000..eb45ea4
Binary files /dev/null and b/android/app/src/main/assets/fonts/drip-icon-font.ttf differ
diff --git a/assets/bleeding.js b/assets/bleeding.js
deleted file mode 100644
index d2f6772..0000000
--- a/assets/bleeding.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react'
-import { G, Path } from 'react-native-svg'
-
-export default function BleedingIcon() {
-  return (
-    <G>
-      <G>
-        <G>
-          <Path d="M339.933,239.523c-0.208,44.132-21.328,86.257-57.085,112.321c-36.515,26.616-84.173,33.427-126.899,19.16
-			C114.761,357.25,82,323.167,68.684,282.032c-5.737-17.721-8.567-38.792-5.272-56.193c3-15.845,9.583-30.846,16.998-45.069
-			c17.539-33.641,40.871-64.264,65.143-93.281c17.537-20.967,35.965-41.232,55.182-60.673c1.843-1.865,3.691-3.726,5.568-5.557
-			c-3.536,0-7.071,0-10.607,0c38.715,37.75,74.873,79.651,104.944,124.587c10.68,15.96,20.522,32.59,28.319,50.162
-			C335.139,209.936,339.848,224.981,339.933,239.523c0.057,9.67,15.057,9.675,15,0c-0.197-33.557-18.743-66.013-36.262-93.48
-			c-20.353-31.911-44.383-61.53-69.441-89.84c-13.814-15.606-27.999-30.995-42.927-45.551c-2.953-2.88-7.653-2.88-10.607,0
-			c-39.08,38.106-75.435,80.474-105.99,125.685c-19.151,28.338-38.238,60.475-42.184,95.092c-2.349,20.61,2.114,42.9,9.338,62.151
-			c7.866,20.961,20.329,39.958,36.22,55.709c32.547,32.26,79.142,48.166,124.605,43.225c45.358-4.929,86.11-30.178,111.58-67.88
-			c16.871-24.972,25.525-55.072,25.666-85.113C354.979,229.848,339.979,229.852,339.933,239.523z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M302.951,204.766c6.324,15.655,9.089,30.834,6.668,47.63c-2.071,14.37-7.057,28.083-14.407,40.572
-			c-15.176,25.785-40.825,43.865-69.771,50.779c-9.406,2.247-5.416,16.71,3.988,14.464c32.459-7.753,60.431-28.167,78.015-56.482
-			c8.531-13.738,14.139-29.398,16.639-45.346c3.044-19.418,0.692-37.384-6.668-55.605c-1.53-3.787-4.94-6.417-9.226-5.238
-			C304.59,196.53,301.417,200.969,302.951,204.766L302.951,204.766z"/>
-        </G>
-      </G>
-    </G>
-  )
-}
diff --git a/assets/cervix.js b/assets/cervix.js
deleted file mode 100644
index bab3667..0000000
--- a/assets/cervix.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react'
-import { G, Path } from 'react-native-svg'
-
-export default function CervixIcon() {
-  return (
-    <G>
-      <G>
-        <G>
-          <Path d="M308.051,59.094c39.578,30.329,64.919,77.001,68.909,126.668c3.615,44.995-10.341,90.543-38.73,125.662
-			c-27.793,34.381-67.601,57.036-111.162,64.074c-44.332,7.163-90.389-3.98-127.397-29.031
-			c-36.121-24.449-61.843-62.515-72.239-104.726c-10.767-43.717-3.77-90.765,18.421-129.809
-			c20.088-35.343,52.666-63.227,90.617-77.762c45.784-17.534,97.925-15.081,141.926,6.515c8.649,4.245,16.254-8.69,7.571-12.952
-			C238.27,4.324,182.323,1.033,132.483,19.707c-41.849,15.679-77.244,45.998-99.581,84.655
-			C9.697,144.519,2.505,192.391,11.226,237.777c8.407,43.756,33.198,83.943,67.763,111.884
-			c35.673,28.837,80.807,43.954,126.641,42.755c45.594-1.192,89.443-19.237,123.365-49.541
-			c33.349-29.793,55.423-71.657,61.564-115.891c6.985-50.32-6.116-102.061-36.747-142.666
-			c-10.949-14.514-23.773-27.128-38.19-38.176c-3.254-2.494-8.389-0.506-10.261,2.691C303.099,52.693,304.813,56.613,308.051,59.094
-			L308.051,59.094z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M54.752,200c0.173-38.308,15.22-74.92,42.08-102.242C123.924,70.201,161.473,54.926,200,54.752
-			c9.671-0.044,9.675-15.044,0-15c-42.217,0.191-82.743,16.877-112.848,46.473C56.831,116.034,39.944,157.615,39.752,200
-			C39.708,209.675,54.708,209.671,54.752,200L54.752,200z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M322.047,215.376c-5.429,38.56-27.688,72.188-61.525,91.627c-8.383,4.816-0.831,17.779,7.571,12.952
-			c36.857-21.174,62.482-58.425,68.419-100.592c0.569-4.045-0.921-8.038-5.238-9.226C327.72,209.16,322.618,211.32,322.047,215.376
-			L322.047,215.376z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M166.83,221.667c11.597,0.446,19.283-7.922,28.09-14.041c11.514-8,24.581-4.834,37.425-2.873
-			c4.038,0.616,8.048-0.955,9.226-5.238c0.987-3.588-1.191-8.608-5.238-9.226c-13.631-2.081-27.518-5.324-40.809,0.137
-			c-5.743,2.359-10.473,5.812-15.314,9.637c-3.944,3.116-8.096,6.807-13.379,6.604C157.154,206.295,157.19,221.297,166.83,221.667
-			L166.83,221.667z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M178.012,217.621c7.537,9.326,18.196,12.651,29.168,7.402c8.973-4.293,15.14-14.52,18.008-23.655
-			c2.906-9.255-11.577-13.183-14.464-3.988c-1.606,5.114-4.67,10.317-9.098,13.487c-5.416,3.878-9.313,0.717-13.007-3.853
-			c-2.573-3.184-7.946-2.661-10.607,0C174.894,210.132,175.445,214.445,178.012,217.621L178.012,217.621z"/>
-        </G>
-      </G>
-    </G>
-  )
-}
diff --git a/assets/desire.js b/assets/desire.js
deleted file mode 100644
index aba2415..0000000
--- a/assets/desire.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from 'react'
-import { G, Path } from 'react-native-svg'
-
-export default function DesireIcon() {
-  return (
-    <G>
-      <G>
-        <G>
-          <Path d="M203.217,178.64c9.173-15.347,24.414-28.187,41.641-33.383c6.98-2.105,15.02-2.824,21.802,0.123
-			c8.023,3.485,13.388,10.999,16.303,19.038c6.212,17.134-4.114,35.27-13.764,48.897c-12.53,17.695-28.989,32.729-45.389,46.756
-			c-7.586,6.489-15.379,12.73-23.207,18.924c3.03-0.391,6.059-0.782,9.089-1.173c-12.856-8.973-25.145-18.727-36.774-29.243
-			c-15.386-13.913-30.054-29.425-39.856-47.864c-8.169-15.367-11.017-34.555,1.174-48.753c5.941-6.919,14.435-10.99,23.528-11.317
-			c11.303-0.407,21.355,5.611,29.156,13.298c6.893,6.792,17.505-3.81,10.607-10.607c-16.84-16.593-41.119-23.435-62.536-11.276
-			c-18.831,10.691-26.485,32.708-23.17,53.282c3.24,20.105,16.667,38.067,29.744,52.973c13.393,15.265,28.902,28.628,44.96,40.999
-			c5.112,3.938,10.305,7.767,15.597,11.46c2.965,2.069,6.576,0.816,9.089-1.173c15.706-12.426,31.169-25.166,45.442-39.239
-			c15.265-15.051,30.064-32.135,38.232-52.195c7.78-19.105,5.775-38.526-6.986-54.946c-11.975-15.409-32.734-17.365-50.118-11.436
-			c-19.62,6.691-36.938,21.584-47.517,39.283C185.29,179.393,198.261,186.931,203.217,178.64L203.217,178.64z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M21.476,214.886c0.459-0.653,0.932-1.296,1.405-1.938c0.543-0.737,1.093-1.47,1.646-2.2c0.349-0.461,0.7-0.92,1.052-1.379
-			c0.847-1.104-1.113,1.424,0.462-0.591c5.085-6.506,10.428-12.81,15.936-18.96c17.11-19.105,36.389-37.027,56.801-51.734
-			c25.034-18.037,52.751-32.165,83.118-38.193c33.298-6.609,67.771-0.477,97.773,15.655c41.656,22.398,73.297,60.394,98.855,99.34
-			c0.391-3.03,0.782-6.059,1.173-9.089c-30.898,31.006-64.431,60.841-104.143,80.054c-33.093,16.011-69.808,21.035-105.751,12.864
-			c-57.848-13.151-107.277-53.225-149.499-92.918c-7.04-6.618-17.667,3.969-10.607,10.607
-			c38.602,36.29,81.508,70.531,131.592,89.357c36.282,13.638,75.632,15.82,112.823,4.534
-			c53.375-16.197,97.598-55.162,136.192-93.891c2.287-2.295,3.012-6.285,1.173-9.089c-27.657-42.145-62.001-82.757-107.396-106.394
-			C252.073,84.256,216.24,78.708,180.733,84.9C123.129,94.946,73,133.847,34.346,175.93c-9.13,9.94-18.057,20.325-25.822,31.385
-			C2.951,215.253,15.964,222.737,21.476,214.886z"/>
-        </G>
-      </G>
-    </G>
-  )
-}
diff --git a/assets/drip-icons.js b/assets/drip-icons.js
new file mode 100644
index 0000000..d7e7ea9
--- /dev/null
+++ b/assets/drip-icons.js
@@ -0,0 +1,4 @@
+import { createIconSetFromFontello } from 'react-native-vector-icons'
+import fontelloConfig from './fonts/config.json'
+
+export default createIconSetFromFontello(fontelloConfig)
\ No newline at end of file
diff --git a/assets/fonts/config.json b/assets/fonts/config.json
new file mode 100644
index 0000000..6b06693
--- /dev/null
+++ b/assets/fonts/config.json
@@ -0,0 +1,122 @@
+{
+  "name": "drip-icon-font",
+  "css_prefix_text": "icon-",
+  "css_use_suffix": false,
+  "hinting": true,
+  "units_per_em": 1000,
+  "ascent": 850,
+  "glyphs": [
+    {
+      "uid": "1997bdc6b7d535061226f74d34c92481",
+      "css": "drip-icon-sex",
+      "code": 59398,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M559.7 683.7C536.5 702.7 513.1 721.5 489.6 740.1 497.1 739.1 504.7 738.1 512.3 737.1 444.8 690.1 380.4 638.6 320.2 582.6 245.1 512.6 171.9 432.9 130.6 337.6 96.7 259.5 97.9 160.9 173.4 107.5 210.3 81.4 255.6 72.8 300 77.5 354.6 83.1 404.3 113.5 442.5 151.6 459.6 168.7 486.1 142.2 469 125.1 391.2 47.5 272.2 10.5 170.8 65 128 88.1 96.3 127.5 80.8 173.3 65.6 218 69.2 267.6 82 312.3 110.3 411.7 181.6 496.8 252.6 569.1 317.7 635.5 390.1 694.9 465.3 749.5 474.6 756.3 483.9 762.9 493.3 769.5 500.8 774.7 509.8 771.5 516.1 766.6 539.6 748 563 729.3 586.2 710.2 594.1 703.7 592.9 690.4 586.2 683.7 578.4 676 567.6 677.3 559.7 683.7L559.7 683.7ZM475.8 246.5C522 168.5 601.4 102.7 689.7 79.2 727.7 69.1 769.1 68.9 804.7 86.9 846.9 108.3 874.8 153 886.7 197.7 901 251.6 883.3 308.5 859 356.7 828.6 416.7 785.1 469.6 739.4 518.5 723 536.1 749.4 562.7 766 545 815.7 491.8 862.6 434 895 368.4 922.6 312.5 937.9 249.5 922.8 187.7 910.7 138.1 879.1 90.5 836.5 62.1 800.5 38.1 755.2 31.3 712.9 36.8 602 51.2 499.4 133.1 443.4 227.5 431 248.4 463.4 267.2 475.8 246.5L475.8 246.5ZM617.7 965.1C647.4 964 672.2 945.2 679.8 916.2 682.6 905.3 681.5 892.8 681.5 881.7 681.5 844.8 681.5 807.8 681.5 770.9 681.5 721.3 681.5 671.8 681.5 622.2 681.5 598 644 598 644 622.2 644 667.7 644 713.2 644 758.8 644 793.2 644 827.6 644 862 644 884.7 651.4 926.4 617.7 927.6 593.6 928.5 593.5 966 617.7 965.1L617.7 965.1ZM553.9 699.7C553.9 741.1 553.9 782.5 553.9 823.9 553.9 848.1 553.9 872.3 553.9 896.5 553.9 933.9 579.3 963.7 617.7 965.1 641.9 966 641.8 928.5 617.7 927.6 593.2 926.7 591.4 905.3 591.4 886.5 591.4 860.7 591.4 834.9 591.4 809.1 591.4 772.6 591.4 736.1 591.4 699.7 591.4 675.5 553.9 675.5 553.9 699.7L553.9 699.7ZM644 627.4C644 657.7 644 688 644 718.3 644 742.5 654 762.3 673.9 776.2 699 793.9 735 786.6 755.1 765.1 769.2 750 771.6 731 771.6 711.4 771.6 692.4 771.6 673.3 771.6 654.3 771.6 628.5 771.6 602.8 771.6 577 771.6 562.7 771.6 548.4 771.6 534 771.6 509.9 734.1 509.9 734.1 534 734.1 592 734.1 650 734.1 707.9 734.1 722.8 734.9 736.6 720.2 745.5 702.1 756.4 681.5 739.9 681.5 720.9 681.5 690 681.5 659.1 681.5 628.2 681.5 627.9 681.5 627.7 681.5 627.4 681.5 603.2 644 603.2 644 627.4L644 627.4Z",
+        "width": 1000
+      },
+      "search": [
+        "drip-icon-sex"
+      ]
+    },
+    {
+      "uid": "5a7d6d7d4e51bd96e25119b5103ef11b",
+      "css": "drip-icon-bleeding",
+      "code": 59392,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M849.8 598.8C849.3 709.1 796.5 814.4 707.1 879.6 615.8 946.1 496.7 963.2 389.9 927.5 286.9 893.1 205 807.9 171.7 705.1 157.4 660.8 150.3 608.1 158.5 564.6 166 525 182.5 487.5 201 451.9 244.9 367.8 303.2 291.3 363.9 218.7 407.7 166.3 453.8 115.6 501.8 67 506.4 62.4 511.1 57.7 515.8 53.1 506.9 53.1 498.1 53.1 489.2 53.1 586 147.5 676.4 252.3 751.6 364.6 778.3 404.5 802.9 446.1 822.4 490 837.8 524.8 849.6 562.5 849.8 598.8 850 623 887.5 623 887.3 598.8 886.8 514.9 840.5 433.8 796.7 365.1 745.8 285.3 685.7 211.3 623.1 140.5 588.5 101.5 553.1 63 515.8 26.6 508.4 19.4 496.6 19.4 489.2 26.6 391.5 121.9 300.7 227.8 224.3 340.8 176.4 411.7 128.7 492 118.8 578.6 112.9 630.1 124.1 685.8 142.2 733.9 161.8 786.4 193 833.8 232.7 873.2 314.1 953.9 430.6 993.6 544.2 981.3 657.6 969 759.5 905.8 823.2 811.6 865.3 749.2 887 673.9 887.3 598.8 887.4 574.6 849.9 574.6 849.8 598.8ZM757.4 511.9C773.2 551.1 780.1 589 774 631 768.9 666.9 756.4 701.2 738 732.4 700.1 796.9 636 842.1 563.6 859.4 540.1 865 550.1 901.1 573.6 895.5 654.7 876.1 724.7 825.1 768.6 754.3 789.9 720 804 680.8 810.2 641 817.8 592.4 811.9 547.5 793.5 501.9 789.7 492.5 781.2 485.9 770.5 488.8 761.5 491.3 753.5 502.4 757.4 511.9L757.4 511.9Z",
+        "width": 1000
+      },
+      "search": [
+        "drip-icon-bleeding"
+      ]
+    },
+    {
+      "uid": "e3b976b3410fb55084ca71693bd0bb49",
+      "css": "drip-icon-cervix",
+      "code": 59393,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M770.1 147.7C869.1 223.6 932.4 340.2 942.4 464.4 951.4 576.9 916.5 690.8 845.6 778.6 776.1 864.5 676.6 921.1 567.7 938.7 456.8 956.7 341.7 928.8 249.2 866.2 158.9 805 94.6 709.9 68.6 604.4 41.7 495.1 59.2 377.4 114.6 279.8 164.9 191.5 246.3 121.8 341.2 85.4 455.6 41.6 586 47.7 696 101.7 717.6 112.3 736.6 80 714.9 69.3 595.7 10.8 455.8 2.6 331.2 49.3 226.6 88.5 138.1 164.3 82.3 260.9 24.2 361.3 6.3 481 28.1 594.4 49.1 703.8 111.1 804.3 197.5 874.2 286.7 946.2 399.5 984 514.1 981 628.1 978.1 737.7 932.9 822.5 857.2 905.9 782.7 961 678 976.4 567.5 993.9 441.7 961.1 312.3 884.5 210.8 857.2 174.5 825.1 143 789.1 115.4 780.9 109.1 768.1 114.1 763.4 122.1 757.7 131.7 762 141.5 770.1 147.7L770.1 147.7ZM136.9 500C137.3 404.2 174.9 312.7 242.1 244.4 309.8 175.5 403.7 137.3 500 136.9 524.2 136.8 524.2 99.3 500 99.4 394.5 99.9 293.1 141.6 217.9 215.6 142.1 290.1 99.9 394 99.4 500 99.3 524.2 136.8 524.2 136.9 500L136.9 500ZM805.1 538.4C791.5 634.8 735.9 718.9 651.3 767.5 630.3 779.5 649.2 812 670.2 799.9 762.4 747 826.4 653.8 841.3 548.4 842.7 538.3 839 528.3 828.2 525.3 819.3 522.9 806.5 528.3 805.1 538.4L805.1 538.4ZM417.1 554.2C446.1 555.3 465.3 534.4 487.3 519.1 516.1 499.1 548.8 507 580.9 511.9 591 513.4 601 509.5 603.9 498.8 606.4 489.8 601 477.3 590.8 475.7 556.8 470.5 522 462.4 488.8 476.1 474.5 482 462.6 490.6 450.5 500.2 440.7 507.9 430.3 517.2 417.1 516.7 392.9 515.7 393 553.2 417.1 554.2L417.1 554.2ZM445 544.1C463.9 567.4 490.5 575.7 518 562.6 540.4 551.8 555.8 526.3 563 503.4 570.2 480.3 534 470.5 526.8 493.4 522.8 506.2 515.1 519.2 504.1 527.2 490.5 536.9 480.8 529 471.5 517.5 465.1 509.6 451.7 510.9 445 517.5 437.2 525.3 438.6 536.1 445 544.1L445 544.1Z",
+        "width": 1000
+      },
+      "search": [
+        "drip-icon-cervix"
+      ]
+    },
+    {
+      "uid": "37fdd360714e62dd2e7788676c5259f2",
+      "css": "drip-icon-desire",
+      "code": 59394,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M508 446.6C531 408.2 569.1 376.1 612.1 363.1 629.6 357.9 649.7 356.1 666.7 363.4 686.7 372.2 700.1 390.9 707.4 411 722.9 453.9 697.1 499.2 673 533.3 641.7 577.5 600.5 615.1 559.5 650.2 540.6 666.4 521.1 682 501.5 697.5 509.1 696.5 516.7 695.5 524.2 694.6 492.1 672.1 461.4 647.7 432.3 621.4 393.8 586.7 357.2 547.9 332.7 501.8 312.2 463.4 305.1 415.4 335.6 379.9 350.4 362.6 371.7 352.4 394.4 351.6 422.7 350.6 447.8 365.6 467.3 384.9 484.5 401.8 511.1 375.3 493.8 358.3 451.7 316.9 391 299.8 337.5 330.1 290.4 356.9 271.3 411.9 279.6 463.4 287.7 513.6 321.2 558.5 353.9 595.8 387.4 633.9 426.2 667.4 466.3 698.3 479.1 708.1 492.1 717.7 505.3 726.9 512.7 732.1 521.7 729 528 724 567.3 692.9 606 661.1 641.6 625.9 679.8 588.3 716.8 545.6 737.2 495.4 756.7 447.7 751.6 399.1 719.7 358.1 689.8 319.5 637.9 314.6 594.5 329.5 545.4 346.2 502.1 383.4 475.7 427.7 463.2 448.5 495.7 467.3 508 446.6L508 446.6ZM53.7 537.2C54.8 535.6 56 534 57.2 532.4 58.6 530.5 59.9 528.7 61.3 526.9 62.2 525.7 63.1 524.6 63.9 523.4 66.1 520.7 61.2 527 65.1 521.9 77.8 505.7 91.2 489.9 104.9 474.5 147.7 426.8 195.9 382 246.9 345.2 309.5 300.1 378.8 264.8 454.7 249.7 538 233.2 624.2 248.5 699.2 288.9 803.3 344.9 882.4 439.9 946.3 537.2 947.3 529.6 948.3 522.1 949.2 514.5 872 592 788.2 666.6 688.9 714.6 606.2 754.7 514.4 767.2 424.5 746.8 279.9 713.9 156.3 613.7 50.8 514.5 33.2 497.9 6.6 524.4 24.2 541 120.7 631.7 228 717.3 353.2 764.4 443.9 798.5 542.3 804 635.3 775.7 768.7 735.2 879.3 637.8 975.8 541 981.5 535.3 983.3 525.3 978.7 518.3 909.5 412.9 823.7 311.4 710.2 252.3 630.2 210.6 540.6 196.8 451.8 212.3 307.8 237.4 182.5 334.6 85.9 439.8 63 464.7 40.7 490.6 21.3 518.3 7.4 538.1 39.9 556.8 53.7 537.2Z",
+        "width": 1000
+      },
+      "search": [
+        "drip-icon-desire"
+      ]
+    },
+    {
+      "uid": "5dcc5c051418d85ae94bfaac3c8175c7",
+      "css": "drip-icon-mucus",
+      "code": 59395,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M518.8 944.4C476.5 927.9 442.2 913 400.1 894.1 325.8 860.6 251.7 824.9 183.3 780.5 156.4 763.1 132.3 746.5 111.2 721.6 106.7 716.4 100.7 706.2 99.1 700 97.6 693.8 99 702.3 98.8 697.7 98.7 696.7 98.7 695.7 98.8 694.6 98.9 690.8 97.9 699.4 98.6 695.7 99.1 693 100 690.4 100.9 687.9 99.5 691.8 103.2 683.7 104.3 682.1 106.9 678.1 101.8 685 104.8 681.4 105.7 680.3 106.7 679.3 107.7 678.3 108.7 677.3 109.8 676.4 110.8 675.4 107.3 678.4 110.9 675.4 111.7 674.9 114.1 673.2 116.7 671.8 119.4 670.4 120 670.1 124.7 668.1 120.5 669.8 122.5 669 124.5 668.3 126.6 667.7 142 662.6 151.8 662.3 168.8 662.3 206.8 662.2 243.1 670 280.4 679.3 323.3 690.1 365.4 704.1 406.8 719.6 414.5 722.5 422.2 725.5 429.9 728.5 433.2 729.9 436.5 731.2 439.7 732.5 441.4 733.2 443.1 733.9 444.8 734.6 449.8 736.7 443.2 733.9 446.1 735.1 450.3 737 454.6 738.8 458.8 740.8 469.3 745.6 457.2 743 455.5 732.3 458.2 749.2 482.1 749.5 489.8 736.8 494.6 728.8 494.2 716 495.2 707.3 497.4 688.4 498.6 669.4 499.2 650.5 500.8 589 494.7 526.9 479.4 467.3 460.4 392.7 424.9 322.3 372.2 265.8 305.2 193.8 216.6 155.9 122.6 133.3 113.9 131.2 106.5 128.6 99.6 125 91.1 120.8 88.4 118.7 82.6 112.9 81.4 111.7 80.4 110.5 79.3 109.2 82 112.5 79 108.6 78.6 108 77.8 106.8 77.1 105.5 76.4 104.1 74.1 99.9 77.7 107.8 76 103.4 75.4 101.8 74.1 93.6 74.7 99 74.5 97.6 74.6 96.3 74.6 94.9 74.6 89.5 74.1 96.4 74.8 93.2 75 91.8 75.5 90.5 75.9 89.2 77.4 84.7 74.1 92.8 76.3 88.5 76.9 87.1 77.7 85.9 78.5 84.6 81.2 80.4 76 87.5 79.3 83.5 85 76.6 87.4 75.3 95.5 70.9 112.7 61.3 135.2 57.9 155.6 56.7 256.9 50.5 363.7 87.8 442.3 151.1 543.5 232.7 606.6 353.3 654.5 471.7 658.3 481.1 666.8 487.7 677.6 484.8 686.6 482.3 694.5 471.2 690.7 461.7 646.7 353 591.9 245.5 508.9 161.1 437.1 88 344.6 40.9 243.4 25 190.4 16.7 132.4 13.1 82.2 35.6 52.9 48.8 29.7 78.8 39.4 112 50.2 148.9 90.5 164.5 124.2 172.1 173.1 183.1 220.3 200.6 263.5 226.2 332.7 267.2 384.7 329.3 417.6 402.2 444.4 461.9 457.2 529.2 460.8 593 462.6 624.7 462.2 656.6 459.6 688.3 459.2 693.5 458.7 698.7 458.1 703.9 457.9 706.1 457.6 708.2 457.4 710.4 457.2 711.3 457.1 712.3 457 713.2 456.4 717.5 457.7 708 457.2 712.1 456.8 714.5 456.5 717 456.1 719.4 455.5 723 454.1 723.3 457.4 717.9 468.8 719.4 480.3 720.9 491.7 722.4 490.3 713.9 481.8 710.2 475 707.1 464.9 702.6 454.5 698.3 444.2 694.1 412.9 681.5 381 670.1 348.9 659.9 310.3 647.7 271 637.2 231 630.7 195.6 624.9 158.3 621.2 123 629.7 94.8 636.5 68.6 656 62.4 685.7 57 712 72.9 735.6 89.9 754 112.8 778.8 141.8 798.5 170.1 816.6 204.7 838.7 240.9 858.3 277.5 877 352.7 915.3 430.2 949.9 508.8 980.6 518.3 984.3 529.3 976.6 531.8 967.5 534.8 956.9 528.3 948.1 518.8 944.4L518.8 944.4ZM844 443C834.2 404.8 815.2 367.8 791.1 336.9 771.9 312.4 746.3 292.9 716.4 283.8 678.4 272.3 638.5 282.5 604.1 299.8 582.5 310.6 601.5 343 623.1 332.2 651.2 318.1 681.5 311.8 710.5 321.3 731.9 328.2 752.2 346.9 765.3 364.4 772.8 374.4 779.3 385.1 785.1 396.1 787.7 400.8 790 405.7 792.3 410.6 793.5 413.1 794.6 415.7 795.8 418.3 796.6 420.3 796.6 420.2 795.7 418.2 796.3 419.6 796.9 421 797.5 422.4 801.5 432.4 805.2 442.6 807.8 453 813.9 476.4 850 466.5 844 443L844 443ZM925.4 430.7C925.4 430.7 925.4 430.7 925.4 430.7 937.7 429.1 950 427.4 962.3 425.7 956.6 400.7 945.3 377.9 928.7 358.3 890.8 313.4 830.3 305.8 775.4 313.5 765.2 314.9 759.8 327.6 762.3 336.5 765.3 347.3 775.2 351 785.4 349.6 830.7 343.3 875.7 352.4 904.6 387.7 903.4 386.2 908 392.5 909 394.1 911.2 397.3 913.1 400.7 914.9 404.1 916.6 407.1 918.1 410.3 919.5 413.5 917.5 409 920.9 417.2 921.5 418.7 923.5 424.3 924.8 430 926.1 435.7 930.8 456.7 962.8 451.6 962.9 430.7 962.9 430.7 962.9 430.7 962.9 430.7 963.1 406.5 925.6 406.5 925.4 430.7L925.4 430.7ZM109.3 172C109.9 172.7 110.5 173.4 111 174.1 111.7 175 112.4 175.8 113.1 176.7 115.5 179.8 110 172.6 113.4 177.2 119.7 185.5 125.4 194.2 130.8 203.1 148.8 232.9 161.4 263 170.8 296.4 203.5 412 175.2 531.8 116.6 634.1 104.6 655.1 137 674 149 653 210.6 545.5 239.7 421.4 210.4 299.3 197.3 244.8 172.8 189.4 136.4 146.2 136.2 146 136 145.8 135.8 145.5 119.8 127.3 93.4 154 109.3 172L109.3 172ZM284.7 222C253.9 255.4 233.8 300.9 221.7 344.1 191.8 450.8 218.8 562.2 271.8 657 283.6 678.1 316 659.2 304.2 638 255.2 550.6 231 449.9 258.6 351.6 266.4 323.7 277.2 299.2 292.6 274.4 295.1 270.4 297.7 266.5 300.3 262.6 301.7 260.6 309.2 250.7 305 256.1 307 253.5 309 250.9 311.3 248.5 327.6 230.8 301.2 204.2 284.7 222L284.7 222Z",
+        "width": 1000
+      },
+      "search": [
+        "drip-icon-mucus"
+      ]
+    },
+    {
+      "uid": "d8fad6833f4dee2490000651bccc7d4a",
+      "css": "drip-icon-note",
+      "code": 59396,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M733.9 545.8C733.9 667.8 733.9 789.7 733.9 911.7 733.9 923.5 737.6 943.8 720.1 943.8 706.7 943.8 693.3 943.8 680 943.8 613.7 943.8 547.4 943.8 481.1 943.8 353.1 943.8 225.2 943.8 97.2 943.8 86 943.8 79.9 937.9 79.9 926.8 79.9 912 79.9 897.3 79.9 882.5 79.9 820 79.9 757.5 79.9 695 79.9 542.2 79.9 389.4 79.9 236.6 79.9 205.8 79.9 175 79.9 144.2 79.9 127.3 109.8 132.1 120.2 132.1 151 132.1 181.7 132.1 212.4 132.1 316.8 132.1 421.3 132.1 525.7 132.1 549.9 132.1 549.9 94.6 525.7 94.6 400.9 94.6 276 94.6 151.2 94.6 132.3 94.6 113.4 94.6 94.5 94.6 63.9 94.6 42.4 118 42.4 147.9 42.4 188.1 42.4 228.4 42.4 268.6 42.4 424.3 42.4 580 42.4 735.6 42.4 791.5 42.4 847.4 42.4 903.3 42.4 912.7 42.4 922.1 42.4 931.5 42.4 959.9 65.6 979.8 92.6 981.3 95.3 981.4 97.9 981.3 100.5 981.3 232.2 981.3 363.9 981.3 495.6 981.3 559.6 981.3 623.5 981.3 687.5 981.3 698.7 981.3 709.8 981.3 721 981.3 748 981.3 771.4 959 771.4 931.7 771.4 927.2 771.4 922.7 771.4 918.3 771.4 794.4 771.4 670.5 771.4 546.6 771.4 546.3 771.4 546.1 771.4 545.8 771.4 521.6 733.9 521.6 733.9 545.8L733.9 545.8ZM451.2 616.5C457.1 611.4 453.8 614.5 451.5 615.7 448.8 617.2 446.1 618.5 443.4 619.8 435.1 623.8 426.7 627.7 418.4 631.6 393.4 643.1 368.4 654.4 343.4 665.7 308.3 681.4 273.2 697 238.1 712.5 246.7 721.1 255.2 729.6 263.8 738.2 289.3 680.4 314.9 622.7 341.3 565.4 346.9 553.1 352.6 540.9 358.6 528.8 359.8 526.4 360.9 523.9 362.4 521.7 358.7 527.2 359.4 525.5 361 523.8 370.8 514 380.6 504.2 390.4 494.4 494.1 390.8 597.8 287.1 701.5 183.4 739.5 145.4 777.6 107.3 815.6 69.3 823.3 61.6 830.5 51.4 840.6 61.5 864.8 85.7 888.9 109.8 913.1 134 918.5 139.3 923.6 144.1 916.3 151.4 913.6 154.2 910.9 156.9 908.1 159.6 893.8 174 879.5 188.3 865.1 202.6 814.1 253.6 763.1 304.6 712.1 355.6 625.7 442 539.3 528.4 452.9 614.8 452.4 615.4 451.8 616 451.2 616.5 434.1 633.7 460.6 660.2 477.7 643.1 556.5 564.3 635.3 485.5 714 406.8 767.5 353.3 821 299.8 874.5 246.3 891.6 229.2 908.8 212.1 925.9 194.9 935 185.8 945.9 176.7 952.2 165.3 973.3 126.9 927.7 95.5 904.3 72.1S849.4 3.1 811 24.1C799.6 30.4 790.6 41.3 781.4 50.4 764.3 67.6 747.1 84.7 730 101.9 622.4 209.4 514.9 317 407.3 424.5 382.6 449.2 358 473.9 333.3 498.6 327.3 504.6 324.1 514.1 320.6 521.5 313.4 536.5 306.5 551.6 299.7 566.7 283 603.3 266.6 640 250.3 676.7 244 690.9 237.7 705.1 231.4 719.3 223.6 737 239.3 752.8 257.1 744.9 292.9 729.1 328.8 713.1 364.6 697 389.5 685.8 414.3 674.6 439.1 663.2 451.6 657.3 467.2 652.4 477.7 643.1 495.9 627.1 469.3 600.6 451.2 616.5Z",
+        "width": 1000
+      },
+      "search": [
+        "drip-icon-note"
+      ]
+    },
+    {
+      "uid": "9263adab051a978c30a160dc73875a3c",
+      "css": "drip-icon-pain",
+      "code": 59397,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M533.2 30.5C476.1 134.4 418.9 238.3 361.7 342.2 326.8 405.6 291.9 469.1 257 532.5 250.7 544 258.4 562 273.2 560.7 365.3 552.8 457.4 544.9 549.4 537 543.4 529.1 537.4 521.2 531.4 513.2 489.3 630.3 447.3 747.4 405.2 864.5 393.8 896.3 382.4 928.2 371 960 363.5 980.6 394.4 992 405.2 974.5 464.2 878.8 523.1 783.2 582 687.6 636.6 599.1 691.1 510.5 745.7 422 752.8 410.5 743.8 392.6 729.5 393.8 636.6 401.5 543.6 409.2 450.7 416.9 456.7 424.8 462.8 432.7 468.8 440.6 498.8 320.5 528.8 200.3 558.7 80.1 561.7 68.4 564.6 56.7 567.5 45 573.4 21.5 537.2 11.6 531.4 35 501.4 155.2 471.4 275.4 441.4 395.5 438.5 407.2 435.5 419 432.6 430.7 429.9 441.7 438.2 455.4 450.7 454.4 543.6 446.7 636.6 439 729.5 431.3 724.1 421.9 718.7 412.4 713.3 403 654.4 498.7 595.5 594.3 536.5 689.9 482 778.5 427.4 867 372.8 955.5 384.3 960.4 395.7 965.2 407.1 970 449.2 852.9 491.2 735.8 533.2 618.7 544.7 586.9 556.1 555 567.5 523.2 571.4 512.3 561.1 498.5 549.4 499.5 457.4 507.4 365.3 515.3 273.2 523.2 278.6 532.6 284 542 289.4 551.4 346.6 447.5 403.8 343.6 460.9 239.7 495.8 176.3 530.7 112.9 565.6 49.5 577.3 28.3 544.9 9.4 533.2 30.5Z",
+        "width": 1000
+      },
+      "search": [
+        "drip-icon-pain"
+      ]
+    },
+    {
+      "uid": "1313779ea10951cb173798dab27f8fdb",
+      "css": "drip-icon-temperature",
+      "code": 59399,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M477.7 400.3C503.8 400.3 529.8 400.3 555.8 400.3 580 400.3 580 362.8 555.8 362.8 529.8 362.8 503.8 362.8 477.7 362.8 453.6 362.8 453.6 400.3 477.7 400.3L477.7 400.3ZM330.5 530.7C356.5 530.7 382.6 530.7 408.6 530.7 432.8 530.7 432.8 493.2 408.6 493.2 382.6 493.2 356.5 493.2 330.5 493.2 306.3 493.2 306.3 530.7 330.5 530.7L330.5 530.7ZM330.5 400.3C356.5 400.3 382.6 400.3 408.6 400.3 432.8 400.3 432.8 362.8 408.6 362.8 382.6 362.8 356.5 362.8 330.5 362.8 306.3 362.8 306.3 400.3 330.5 400.3L330.5 400.3ZM330.5 269.9C356.5 269.9 382.6 269.9 408.6 269.9 432.8 269.9 432.8 232.4 408.6 232.4 382.6 232.4 356.5 232.4 330.5 232.4 306.3 232.4 306.3 269.9 330.5 269.9L330.5 269.9ZM574.8 76.7C573.4 44.2 549.4 20.1 516.9 18.8 484.4 17.4 460.2 46.3 458.9 76.7 458.5 87.2 458.8 97.7 458.8 108.2 458.9 173.1 458.9 238.1 458.9 303.1 459 421.8 459.1 540.5 459.1 659.2 459.1 659.3 459.1 659.3 459.1 659.3 463.7 653.2 468.3 647.2 472.9 641.2 414.5 656.6 368.9 700.7 350.4 758 332.1 814.9 347.7 877.4 385.7 922.4 423.3 966.9 484.1 987.5 541.2 979.2 597.3 971.1 646.7 934.3 671.3 883.2 717.7 786.7 662.7 670.5 560.6 641.8 565.2 647.8 569.8 653.8 574.4 659.9 574.5 537.5 574.6 415.1 574.7 292.7 574.8 243.8 574.8 194.9 574.8 146 574.9 121.8 537.4 121.8 537.3 146 537.2 268.4 537.1 390.8 537 513.2 537 562.1 536.9 611 536.9 659.9 536.9 668.2 542.6 675.7 550.6 678 603.9 692.9 644.3 738.8 650.1 794.3 655.8 848.9 627.5 900.7 580 927.4 533.3 953.7 472.2 947.5 430.7 914 387.4 878.8 370.8 821.1 386.6 768 399.9 723 438.1 689.2 482.9 677.3 490.9 675.2 496.6 667.5 496.6 659.3 496.6 541.3 496.5 423.4 496.4 305.5 496.4 245.4 496.4 185.4 496.3 125.3 496.3 110.9 496.3 96.6 496.3 82.2 496.3 77.5 496.5 73.3 497.9 68.7 504.7 46.7 536.5 56.5 537.3 76.7 538.3 100.8 575.9 100.9 574.8 76.7L574.8 76.7Z",
+        "width": 1000
+      },
+      "search": [
+        "drip-icon-temperature"
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/assets/fonts/drip-icon-font.ttf b/assets/fonts/drip-icon-font.ttf
new file mode 100644
index 0000000..eb45ea4
Binary files /dev/null and b/assets/fonts/drip-icon-font.ttf differ
diff --git a/assets/home-circle.js b/assets/home-circle.js
index 8bade54..50034fe 100644
--- a/assets/home-circle.js
+++ b/assets/home-circle.js
@@ -1,14 +1,15 @@
 import React from 'react'
-import { G, Path } from 'react-native-svg'
+import { Group as G, Shape, Transform } from 'react-native/Libraries/ART/ReactNativeART'
 
-export default function CycleDayIcon() {
+const circle = "m 43,12 c -27.59196,17.168 -43.07131,51.34003 -37.74253,83.40217 4.65932,33.15379 31.20731,61.73087 63.90256,68.88417 30.61528,7.42782 64.74574,-4.34916 84.21519,-29.12633 21.61526,-26.12878 24.59233,-65.67005 7.10091,-94.73675 -7.6702,-13.15691 -18.99314,-24.14869 -32.37613,-31.41826"
+const pointyPart = "m 43,32 c -0.0509,-6.38363 0.10148,-12.77739 -0.0757,-19.15472 -1.02117,-5.71918 -7.64221,-3.72111 -11.7681,-4.08628 -3.79908,0 -7.59816,0 -11.39724,0"
+const color = "#1E0B7A"
+
+export default function CycleDayIcon(props) {
   return (
-    <G>
-      <Path d="M379.708,350.568
-		C356.431,365.455,341,391.529,341,421.21c0,46.275,37.515,83.79,83.791,83.79s83.79-37.515,83.79-83.79
-		c0-31.784-17.696-59.436-43.773-73.637"/>
-      <Path d="M383.809,369.885v-18.398
-		c0,0,0-4.843-4.842-4.843h-18.399"/>
+    <G transform={new Transform().scale(props.scale)}>
+      <Shape stroke={color} strokeWidth={props.strokeWidth} d={circle}/>
+      <Shape stroke={color} strokeWidth={props.strokeWidth} d={pointyPart}/>
     </G>
   )
 }
\ No newline at end of file
diff --git a/assets/home-drop.js b/assets/home-drop.js
index f8d141e..6bde404 100644
--- a/assets/home-drop.js
+++ b/assets/home-drop.js
@@ -1,14 +1,14 @@
 import React from 'react'
-import Svg, { G, Path } from 'react-native-svg'
+import { Surface, Group as G, Shape, Transform } from 'react-native/Libraries/ART/ReactNativeART'
 
-export default function HomeDropIcon() {
+export default function HomeDropIcon(props) {
   return (
-    <Svg width={80} height={102.56} viewBox="350 275 145 144">
-      <G>
-        <Path fill="none" stroke="#89113E" stroke-width="2" stroke-miterlimit="10" d="M492.723,455.44
-		c-5.531,39.136-41.74,66.377-80.876,60.847C372.712,510.757,351,483.64,351,444.115c0-37.555,79.739-114.673,80.391-105.969
-		C434.248,376.247,499.843,405.058,492.723,455.44z"/>
+    <Surface width={83} height={103.56}>
+      <G transform={new Transform().scale(props.scale).translate(-345, -330)}>
+        <Shape stroke="#89113E" strokeWidth="2" d="M492.723,455.44
+ c-5.531,39.136-41.74,66.377-80.876,60.847C372.712,510.757,351,483.64,351,444.115c0-37.555,79.739-114.673,80.391-105.969
+ C434.248,376.247,499.843,405.058,492.723,455.44z"/>
       </G>
-    </Svg>
+    </Surface>
   )
 }
diff --git a/assets/mucus.js b/assets/mucus.js
deleted file mode 100644
index cc721af..0000000
--- a/assets/mucus.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import React from 'react'
-import { G, Path } from 'react-native-svg'
-
-export default function MucusIcon() {
-  return (
-    <G>
-      <G>
-        <G>
-          <Path d="M207.504,377.768c-16.918-6.602-30.629-12.56-47.482-20.145c-29.7-13.368-59.341-27.672-86.712-45.414
-			c-10.757-6.973-20.373-13.618-28.819-23.55c-1.796-2.112-4.217-6.198-4.845-8.679c-0.623-2.459-0.043,0.955-0.142-0.908
-			c-0.022-0.404-0.006-0.809,0.01-1.213c0.061-1.529-0.334,1.911-0.075,0.407c0.183-1.064,0.547-2.101,0.915-3.111
-			c-0.564,1.549,0.946-1.677,1.371-2.326c1.045-1.597-1.02,1.182,0.198-0.278c0.362-0.433,0.759-0.835,1.156-1.236
-			c0.399-0.404,0.831-0.774,1.261-1.143c-1.406,1.207,0.036-0.012,0.323-0.211c0.977-0.678,2.026-1.248,3.085-1.785
-			c0.242-0.122,2.114-0.919,0.469-0.247c0.791-0.323,1.603-0.594,2.415-0.859c6.172-2.014,10.073-2.144,16.908-2.153
-			c15.189-0.02,29.715,3.067,44.602,6.814c17.158,4.318,34.009,9.892,50.565,16.111c3.092,1.161,6.171,2.357,9.24,3.577
-			c1.318,0.524,2.633,1.057,3.946,1.594c0.678,0.277,1.354,0.557,2.03,0.838c2.003,0.832-0.633-0.273,0.502,0.208
-			c1.709,0.725,3.412,1.466,5.099,2.243c4.186,1.93-0.628,0.893-1.316-3.372c1.085,6.731,10.647,6.89,13.708,1.792
-			c1.927-3.209,1.77-8.323,2.179-11.819c0.882-7.538,1.359-15.124,1.567-22.709c0.675-24.576-1.794-49.434-7.885-73.268
-			c-7.63-29.857-21.829-57.994-42.894-80.625c-26.798-28.79-62.263-43.932-99.84-52.979c-3.466-0.834-6.436-1.899-9.209-3.302
-			c-3.389-1.715-4.487-2.523-6.811-4.868c-0.458-0.462-0.878-0.96-1.297-1.457c1.088,1.293-0.135-0.265-0.284-0.49
-			c-0.327-0.497-0.607-1.022-0.886-1.547c-0.911-1.717,0.513,1.473-0.147-0.312c-0.239-0.645-0.755-3.902-0.539-1.757
-			c-0.054-0.537-0.048-1.079-0.041-1.618c0.028-2.179-0.19,0.6,0.076-0.691c0.112-0.542,0.285-1.069,0.456-1.593
-			c0.587-1.797-0.713,1.432,0.146-0.299c0.264-0.531,0.582-1.033,0.899-1.533c1.073-1.696-1.001,1.128,0.325-0.469
-			c2.265-2.728,3.244-3.251,6.459-5.04c6.907-3.842,15.884-5.172,24.052-5.671c40.533-2.473,83.251,12.46,114.672,37.781
-			c40.478,32.619,65.735,80.863,84.886,128.217c1.531,3.787,4.938,6.418,9.226,5.238c3.598-0.99,6.774-5.429,5.238-9.226
-			c-17.593-43.5-39.484-86.479-72.692-120.257c-28.74-29.233-65.75-48.066-106.208-54.423c-21.216-3.334-44.412-4.779-64.473,4.251
-			c-11.728,5.279-21.003,17.252-17.123,30.545c4.302,14.741,20.418,21.001,33.917,24.032c19.569,4.393,38.447,11.404,55.719,21.644
-			c27.691,16.417,48.496,41.228,61.637,70.423c10.732,23.844,15.847,50.772,17.292,76.289c0.719,12.703,0.548,25.469-0.491,38.149
-			c-0.17,2.08-0.372,4.156-0.598,6.231c-0.093,0.858-0.194,1.716-0.299,2.573c-0.046,0.381-0.095,0.762-0.144,1.143
-			c-0.221,1.728,0.288-2.098,0.064-0.464c-0.135,0.981-0.281,1.961-0.441,2.939c-0.238,1.447-0.776,1.58,0.539-0.61
-			c4.569,0.597,9.139,1.194,13.708,1.792c-0.546-3.387-3.938-4.858-6.662-6.087c-4.064-1.833-8.192-3.53-12.326-5.2
-			c-12.525-5.059-25.265-9.604-38.14-13.689c-15.428-4.894-31.144-9.083-47.13-11.695c-14.167-2.314-29.086-3.777-43.211-0.387
-			c-11.295,2.711-21.776,10.5-24.231,22.393c-2.17,10.514,4.193,19.954,10.978,27.32c9.158,9.943,20.772,17.804,32.093,25.048
-			c13.837,8.854,28.323,16.691,42.953,24.145c30.069,15.321,61.075,29.17,92.518,41.44c3.814,1.488,8.226-1.604,9.226-5.238
-			C213.912,382.743,211.309,379.253,207.504,377.768L207.504,377.768z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M337.602,177.211c-3.923-15.29-11.505-30.082-21.181-42.47c-7.644-9.786-17.909-17.577-29.86-21.204
-			c-15.183-4.608-31.142-0.523-44.907,6.372c-8.65,4.333-1.051,17.271,7.571,12.952c11.236-5.629,23.378-8.128,34.988-4.344
-			c8.528,2.779,16.658,10.243,21.918,17.258c2.988,3.985,5.574,8.265,7.921,12.653c1.02,1.907,1.968,3.851,2.883,5.81
-			c0.473,1.013,0.925,2.037,1.371,3.063c0.343,0.802,0.34,0.792-0.01-0.031c0.235,0.562,0.462,1.128,0.689,1.693
-			c1.599,3.982,3.085,8.074,4.153,12.236C325.54,190.563,340.008,186.588,337.602,177.211L337.602,177.211z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M370.175,172.282c0,0.002,0,0.005,0,0.007c4.911-0.665,9.821-1.329,14.732-1.994c-2.262-10.021-6.785-19.12-13.425-26.983
-			c-15.155-17.949-39.359-20.996-61.329-17.931c-4.057,0.566-6.215,5.676-5.238,9.226c1.188,4.321,5.18,5.803,9.226,5.238
-			c18.149-2.532,36.136,1.101,47.695,15.228c-0.483-0.59,1.374,1.938,1.778,2.549c0.855,1.292,1.627,2.638,2.364,4
-			c0.668,1.234,1.266,2.505,1.837,3.787c-0.799-1.795,0.56,1.488,0.775,2.09c0.793,2.226,1.336,4.487,1.854,6.784
-			c1.896,8.402,14.689,6.339,14.732-1.994c0-0.002,0-0.005,0-0.007C385.225,162.607,370.225,162.611,370.175,172.282
-			L370.175,172.282z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M43.712,68.819c0.239,0.272,0.47,0.553,0.7,0.833c0.279,0.34,0.553,0.685,0.826,1.03c0.969,1.228-1.249-1.655,0.135,0.189
-			c2.498,3.328,4.78,6.815,6.936,10.372c7.22,11.912,12.26,23.965,16.03,37.321c13.048,46.228,1.749,94.154-21.682,135.069
-			c-4.815,8.408,8.147,15.961,12.952,7.571c24.635-43.017,36.253-92.632,24.536-141.488c-5.226-21.789-15.029-43.954-29.582-61.219
-			c-0.081-0.096-0.162-0.191-0.244-0.285C47.921,50.934,37.354,61.585,43.712,68.819L43.712,68.819z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M113.897,88.799c-12.33,13.358-20.381,31.576-25.213,48.833c-11.953,42.691-1.173,87.256,20.026,125.151
-			c4.722,8.441,17.679,0.88,12.952-7.571c-19.563-34.971-29.245-75.265-18.238-114.578c3.124-11.157,7.474-20.948,13.615-30.881
-			c0.989-1.6,2.028-3.168,3.098-4.715c0.544-0.788,3.524-4.756,1.855-2.606c0.802-1.034,1.623-2.065,2.511-3.027
-			C131.052,92.311,120.471,81.677,113.897,88.799L113.897,88.799z"/>
-        </G>
-      </G>
-    </G>
-  )
-}
\ No newline at end of file
diff --git a/assets/note.js b/assets/note.js
deleted file mode 100644
index 3413143..0000000
--- a/assets/note.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react'
-import { G, Path } from 'react-native-svg'
-
-export default function NoteIcon() {
-  return (
-    <G>
-      <G>
-        <G>
-          <Path d="M293.542,218.325c0,48.787,0,97.574,0,146.361c0,4.704,1.495,12.814-5.511,12.814c-5.347,0-10.694,0-16.041,0
-			c-26.52,0-53.039,0-79.559,0c-51.177,0-102.355,0-153.532,0c-4.509,0-6.931-2.332-6.931-6.795c0-5.898,0-11.796,0-17.694
-			c0-24.998,0-49.997,0-74.995c0-61.13,0-122.26,0-183.39c0-12.317,0-24.634,0-36.952c0-6.772,11.938-4.818,16.129-4.818
-			c12.288,0,24.575,0,36.863,0c41.778,0,83.556,0,125.334,0c9.673,0,9.673-15,0-15c-49.939,0-99.878,0-149.817,0
-			c-7.557,0-15.113,0-22.67,0c-12.23,0-20.839,9.339-20.839,21.298c0,16.1,0,32.2,0,48.301c0,62.266,0,124.532,0,186.798
-			c0,22.351,0,44.703,0,67.054c0,3.771,0,7.542,0,11.313c0,11.327,9.264,19.311,20.09,19.881c1.045,0.055,2.108,0,3.153,0
-			c52.674,0,105.348,0,158.023,0c25.592,0,51.185,0,76.777,0c4.465,0,8.929,0,13.394,0c10.815,0,20.137-8.91,20.137-19.823
-			c0-1.791,0-3.582,0-5.373c0-49.558,0-99.116,0-148.675c0-0.101,0-0.203,0-0.304C308.542,208.652,293.542,208.652,293.542,218.325
-			L293.542,218.325z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M180.488,246.618c2.36-2.075,1.046-0.828,0.099-0.322c-1.058,0.566-2.14,1.091-3.218,1.617
-			c-3.32,1.621-6.674,3.175-10.027,4.728c-9.967,4.616-19.983,9.125-30.002,13.625c-14.011,6.293-28.041,12.543-42.089,18.752
-			c3.42,3.42,6.841,6.841,10.261,10.261c10.211-23.101,20.465-46.189,31.014-69.138c2.249-4.893,4.494-9.794,6.896-14.615
-			c0.479-0.962,0.943-1.962,1.545-2.856c-1.484,2.202-1.225,1.541-0.553,0.869c3.921-3.921,7.841-7.841,11.762-11.762
-			c41.471-41.471,82.943-82.943,124.414-124.414c15.218-15.218,30.436-30.436,45.654-45.654c3.057-3.057,5.967-7.153,10.013-3.107
-			c9.662,9.662,19.323,19.323,28.985,28.985c2.142,2.142,4.213,4.062,1.287,6.988c-1.093,1.093-2.186,2.186-3.279,3.279
-			c-5.732,5.732-11.464,11.464-17.196,17.196c-20.4,20.4-40.8,40.8-61.2,61.2c-34.562,34.562-69.125,69.125-103.687,103.687
-			C180.943,246.164,180.716,246.391,180.488,246.618c-6.846,6.845,3.761,17.452,10.607,10.607
-			c31.506-31.506,63.012-63.012,94.519-94.519c21.391-21.391,42.781-42.781,64.172-64.172c6.857-6.857,13.714-13.714,20.571-20.571
-			c3.653-3.653,8.009-7.271,10.522-11.847c8.424-15.34-9.811-27.92-19.178-37.286S339.755,1.229,324.415,9.653
-			c-4.575,2.513-8.193,6.868-11.847,10.522c-6.857,6.857-13.714,13.714-20.571,20.571c-43.021,43.021-86.042,86.042-129.064,129.064
-			c-9.876,9.876-19.751,19.751-29.627,29.627c-2.387,2.387-3.674,6.196-5.086,9.165c-2.85,5.992-5.601,12.032-8.35,18.072
-			c-6.662,14.634-13.218,29.317-19.754,44.008c-2.524,5.673-5.045,11.348-7.555,17.028c-3.135,7.092,3.169,13.396,10.261,10.261
-			c14.357-6.346,28.694-12.736,43.013-19.167c9.948-4.468,19.89-8.954,29.786-13.537c5.026-2.328,11.24-4.319,15.473-8.04
-			C198.374,250.827,187.722,240.26,180.488,246.618z"/>
-        </G>
-      </G>
-    </G>
-  )
-}
diff --git a/assets/pain.js b/assets/pain.js
deleted file mode 100644
index dae6ea8..0000000
--- a/assets/pain.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react'
-import { G, Path } from 'react-native-svg'
-
-export default function PainIcon() {
-  return (
-    <G>
-      <G>
-        <G>
-          <Path d="M213.298,12.215c-22.873,41.561-45.747,83.121-68.62,124.682c-13.959,25.363-27.918,50.726-41.877,76.09
-			c-2.538,4.611,0.559,11.793,6.476,11.285c36.832-3.161,73.664-6.321,110.497-9.482c-2.411-3.165-4.821-6.329-7.232-9.494
-			c-16.814,46.834-33.628,93.669-50.443,140.503c-4.572,12.736-9.145,25.471-13.717,38.207c-2.963,8.254,9.387,12.79,13.708,5.779
-			c23.572-38.249,47.145-76.498,70.717-114.747c21.827-35.416,43.653-70.833,65.48-106.249c2.819-4.574-0.763-11.76-6.476-11.285
-			c-37.177,3.086-74.353,6.173-111.53,9.259c2.411,3.165,4.821,6.329,7.232,9.494c11.995-48.069,23.99-96.138,35.985-144.207
-			c1.169-4.685,2.338-9.371,3.508-14.056c2.343-9.388-12.123-13.369-14.464-3.988c-11.995,48.069-23.99,96.138-35.985,144.207
-			c-1.169,4.685-2.338,9.371-3.508,14.056c-1.1,4.41,2.221,9.91,7.232,9.494c37.177-3.086,74.353-6.173,111.53-9.259
-			c-2.159-3.762-4.317-7.524-6.476-11.285c-23.572,38.249-47.145,76.498-70.717,114.747c-21.827,35.416-43.653,70.833-65.48,106.249
-			c4.569,1.926,9.139,3.853,13.708,5.779c16.814-46.834,33.628-93.669,50.443-140.503c4.572-12.736,9.145-25.471,13.717-38.207
-			c1.567-4.366-2.567-9.894-7.232-9.494c-36.832,3.161-73.664,6.321-110.497,9.482c2.159,3.762,4.317,7.524,6.476,11.285
-			c22.873-41.561,45.747-83.121,68.62-124.682c13.959-25.363,27.918-50.726,41.877-76.09
-			C230.917,11.306,217.962,3.74,213.298,12.215z"/>
-        </G>
-      </G>
-    </G>
-  )
-}
diff --git a/assets/sex.js b/assets/sex.js
deleted file mode 100644
index db8e175..0000000
--- a/assets/sex.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react'
-import { G, Path } from 'react-native-svg'
-
-export default function SexIcon() {
-  return (
-    <G>
-      <G>
-        <G>
-          <Path d="M223.866,273.491c-9.27,7.609-18.641,15.09-28.046,22.531c3.03-0.391,6.059-0.782,9.089-1.173
-			c-26.973-18.809-52.745-39.401-76.814-61.811c-30.072-27.999-59.349-59.879-75.868-98.006
-			c-13.533-31.236-13.079-70.686,17.15-92.034c14.76-10.424,32.854-13.86,50.619-12.012c21.845,2.272,41.738,14.412,57.002,29.646
-			c6.852,6.838,17.459-3.768,10.607-10.607C156.498,18.981,108.865,4.191,68.337,26.005c-17.135,9.223-29.809,24.986-36.018,43.306
-			c-6.061,17.884-4.621,37.712,0.475,55.62c11.307,39.732,39.837,73.783,68.23,102.702c26.066,26.548,55.008,50.314,85.079,72.172
-			c3.718,2.703,7.465,5.366,11.236,7.995c2.966,2.068,6.575,0.816,9.089-1.173c9.405-7.441,18.776-14.922,28.046-22.531
-			c3.164-2.597,2.677-7.929,0-10.607C231.371,270.39,227.023,270.9,223.866,273.491L223.866,273.491z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M190.303,98.582c18.489-31.197,50.263-57.513,85.587-66.889c15.203-4.035,31.746-4.146,45.972,3.065
-			c16.886,8.559,28.07,26.445,32.812,44.318c5.721,21.564-1.335,44.336-11.075,63.597c-12.146,24.019-29.543,45.148-47.821,64.72
-			c-6.593,7.06,3.992,17.69,10.607,10.607c19.882-21.29,38.645-44.401,51.608-70.641c11.051-22.37,17.178-47.569,11.145-72.27
-			c-4.848-19.85-17.504-38.907-34.535-50.262c-14.4-9.601-32.507-12.314-49.424-10.111c-44.387,5.78-85.437,38.514-107.829,76.297
-			C172.408,99.353,185.377,106.894,190.303,98.582L190.303,98.582z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M247.096,386.054c11.872-0.436,21.781-7.984,24.818-19.576c1.141-4.356,0.702-9.345,0.702-13.811
-			c0-14.763,0-29.527,0-44.29c0-19.838,0-39.676,0-59.514c0-9.673-15-9.673-15,0c0,18.218,0,36.436,0,54.655
-			c0,13.762,0,27.523,0,41.285c0,9.062,2.942,25.758-10.521,26.252C237.453,371.408,237.419,386.41,247.096,386.054L247.096,386.054
-			z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M221.575,279.871c0,16.563,0,33.127,0,49.69c0,9.676,0,19.351,0,29.027c0,14.967,10.158,26.901,25.521,27.466
-			c9.677,0.356,9.643-14.646,0-15c-9.815-0.361-10.521-8.931-10.521-16.443c0-10.329,0-20.659,0-30.988c0-14.584,0-29.168,0-43.752
-			C236.575,270.198,221.575,270.198,221.575,279.871L221.575,279.871z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M257.617,250.967c0,12.121,0,24.242,0,36.363c0,9.67,3.981,17.6,11.923,23.169c10.062,7.057,24.478,4.133,32.502-4.467
-			c5.634-6.039,6.617-13.633,6.617-21.463c0-7.622,0-15.245,0-22.868c0-10.295,0-20.589,0-30.884c0-5.734,0-11.469,0-17.203
-			c0-9.673-15-9.673-15,0c0,23.183,0,46.366,0,69.549c0,5.962,0.313,11.492-5.577,15.035c-7.257,4.365-15.464-2.233-15.464-9.828
-			c0-12.367,0-24.733,0-37.1c0-0.101,0-0.203,0-0.304C272.617,241.294,257.617,241.294,257.617,250.967L257.617,250.967z"/>
-        </G>
-      </G>
-    </G>
-  )
-}
diff --git a/assets/temperature.js b/assets/temperature.js
deleted file mode 100644
index 403d88e..0000000
--- a/assets/temperature.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React from 'react'
-import { G, Path } from 'react-native-svg'
-
-export default function TemperatureIcon() {
-  return (
-    <G>
-      <G>
-        <G>
-          <Path d="M191.099,160.115c10.413,0,20.827,0,31.24,0c9.673,0,9.673-15,0-15c-10.413,0-20.827,0-31.24,0
-			C181.426,145.115,181.426,160.115,191.099,160.115L191.099,160.115z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M132.196,212.267c10.413,0,20.827,0,31.24,0c9.673,0,9.673-15,0-15c-10.413,0-20.827,0-31.24,0
-			C122.523,197.267,122.523,212.267,132.196,212.267L132.196,212.267z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M132.196,160.115c10.413,0,20.827,0,31.24,0c9.673,0,9.673-15,0-15c-10.413,0-20.827,0-31.24,0
-			C122.523,145.115,122.523,160.115,132.196,160.115L132.196,160.115z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M132.196,107.963c10.413,0,20.827,0,31.24,0c9.673,0,9.673-15,0-15c-10.413,0-20.827,0-31.24,0
-			C122.523,92.963,122.523,107.963,132.196,107.963L132.196,107.963z"/>
-        </G>
-      </G>
-      <G>
-        <G>
-          <Path d="M229.929,30.683c-0.553-12.998-10.185-22.63-23.183-23.183c-12.982-0.552-22.666,11.017-23.183,23.183
-			c-0.178,4.184-0.029,8.401-0.027,12.588c0.014,25.986,0.027,51.973,0.041,77.959c0.025,47.489,0.05,94.978,0.075,142.468
-			c0,0.002,0,0.004,0,0.006c1.835-2.411,3.671-4.821,5.506-7.232c-23.353,6.161-41.614,23.799-48.998,46.725
-			c-7.336,22.777-1.066,47.767,14.135,65.751c15.043,17.796,39.364,26.045,62.168,22.738c22.465-3.258,42.218-17.985,52.043-38.41
-			c18.566-38.597-3.421-85.086-44.264-96.557c1.835,2.411,3.671,4.821,5.506,7.232c0.045-48.952,0.09-97.904,0.134-146.856
-			c0.018-19.561,0.036-39.123,0.054-58.684c0.009-9.673-14.991-9.673-15,0c-0.045,48.952-0.09,97.904-0.134,146.856
-			c-0.018,19.561-0.036,39.123-0.054,58.684c-0.003,3.349,2.293,6.33,5.506,7.232c21.292,5.98,37.485,24.326,39.787,46.517
-			c2.267,21.854-9.039,42.595-28.034,53.276c-18.698,10.514-43.135,8.034-59.709-5.391c-17.347-14.051-23.985-37.156-17.673-58.4
-			c5.347-17.999,20.617-31.525,38.521-36.249c3.22-0.85,5.508-3.924,5.506-7.232c-0.025-47.166-0.05-94.331-0.075-141.497
-			c-0.013-24.032-0.025-48.065-0.038-72.097c-0.003-5.739-0.006-11.479-0.009-17.218c-0.001-1.88,0.084-3.568,0.648-5.417
-			c2.686-8.801,15.408-4.86,15.751,3.208C215.339,40.319,230.341,40.359,229.929,30.683L229.929,30.683z"/>
-        </G>
-      </G>
-    </G>
-  )
-}
diff --git a/components/chart/chart.js b/components/chart/chart.js
index 635cef3..c0cd73d 100644
--- a/components/chart/chart.js
+++ b/components/chart/chart.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import { View, FlatList, ActivityIndicator } from 'react-native'
 import range from 'date-range'
 import { LocalDate } from 'js-joda'
-import { Surface, Group as G } from 'react-native/Libraries/ART/ReactNativeART'
+import { Surface } from 'react-native/Libraries/ART/ReactNativeART'
 import { makeYAxisLabels, makeHorizontalGrid } from './y-axis'
 import nfpLines from './nfp-lines'
 import DayColumn from './day-column'
@@ -12,16 +12,20 @@ import { scaleObservable } from '../../local-storage'
 import config from '../../config'
 import AppText from '../app-text'
 import { shared as labels } from '../labels'
-import BleedingIcon from '../../assets/bleeding'
-import CervixIcon from '../../assets/cervix'
-import DesireIcon from '../../assets/desire'
-import MucusIcon from '../../assets/mucus'
-import NoteIcon from '../../assets/note'
-import PainIcon from '../../assets/pain'
-import SexIcon from '../../assets/sex'
+import DripIcon from '../../assets/drip-icons'
 import CycleDayIcon from '../../assets/home-circle'
 import nothingChanged from '../../db/db-unchanged'
 
+const symptomIcons = {
+  bleeding: <DripIcon size={16} name='drip-icon-bleeding' color={styles.iconShades.bleeding[3]}/>,
+  mucus: <DripIcon size={16} name='drip-icon-mucus' color={styles.iconShades.mucus[4]}/>,
+  cervix: <DripIcon size={16} name='drip-icon-cervix' color={styles.iconShades.cervix[3]}/>,
+  desire: <DripIcon size={16} name='drip-icon-desire' color={styles.iconShades.desire[2]}/>,
+  sex: <DripIcon size={16} name='drip-icon-sex' color={styles.iconShades.sex[2]}/>,
+  pain: <DripIcon size={16} name='drip-icon-pain' color={styles.iconShades.pain[0]}/>,
+  note: <DripIcon size={16} name='drip-icon-note' color={styles.iconShades.note[0]}/>
+}
+
 export default class CycleChart extends Component {
   constructor(props) {
     super(props)
@@ -151,16 +155,7 @@ export default class CycleChart extends Component {
                   height={this.symptomRowHeight /
                     this.symptomRowSymptoms.length}
                 >
-                  <Surface
-                    width={styles.yAxis.width * 0.8}
-                    height={this.symptomRowHeight /
-                      this.symptomRowSymptoms.length * 0.8}
-                    viewBox={symptomIcons[symptomName].viewBox}
-                  >
-                    <G fill={symptomIcons[symptomName].color}>
-                      {symptomIcons[symptomName].icon}
-                    </G>
-                  </Surface>
+                  {symptomIcons[symptomName]}
                 </View>
               })}
             </View>
@@ -169,13 +164,13 @@ export default class CycleChart extends Component {
             </View>
             <View style={[styles.yAxis, { alignItems: 'center', justifyContent: 'center' }]}>
               <Surface
-                width={styles.yAxis.width * 0.7}
-                height={styles.yAxis.width * 0.7}
-                viewBox='325 330 190 190'
+                width={styles.yAxis.width * 0.8}
+                height={styles.yAxis.width * 0.8}
               >
-                <G fill="none" stroke="#1E0B7A" strokeWidth="10">
-                  <CycleDayIcon/>
-                </G>
+                <CycleDayIcon
+                  strokeWidth={10}
+                  scale={0.12}
+                />
               </Surface>
               <AppText style={[
                 styles.column.label.date,
@@ -232,41 +227,3 @@ function getTodayAndPreviousDays(n) {
 
   return range(earlierDate, today).reverse()
 }
-
-const symptomIcons = {
-  'bleeding': {
-    'viewBox': '10 10 320 400',
-    'color': styles.iconShades.bleeding[3],
-    'icon': <BleedingIcon strokeWidth={'5'}/>
-  },
-  'mucus': {
-    'viewBox': '10 10 320 400',
-    'color': styles.iconShades.mucus[4],
-    'icon': <MucusIcon/>
-  },
-  'cervix': {
-    'viewBox': '10 10 320 440',
-    'color': styles.iconShades.cervix[3],
-    'icon': <CervixIcon/>
-  },
-  'desire': {
-    'viewBox': '10 10 320 380',
-    'color': styles.iconShades.desire[2],
-    'icon': <DesireIcon/>
-  },
-  'sex': {
-    'viewBox': '10 10 320 400',
-    'color': styles.iconShades.sex[2],
-    'icon': <SexIcon/>
-  },
-  'pain': {
-    'viewBox': '10 10 300 400',
-    'color': styles.iconShades.pain[0],
-    'icon': <PainIcon/>
-  },
-  'note': {
-    'viewBox': '10 10 270 400',
-    'color': styles.iconShades.note[0],
-    'icon': <NoteIcon/>
-  },
-}
\ No newline at end of file
diff --git a/components/chart/day-column.js b/components/chart/day-column.js
index 698ab1a..fe4b82c 100644
--- a/components/chart/day-column.js
+++ b/components/chart/day-column.js
@@ -69,7 +69,7 @@ export default class DayColumn extends Component {
     if(this.fhmAndLtl.drawLtlAt) {
       const ltlLine = (<Shape
         stroke={styles.nfpLine.stroke}
-        stroke-width={styles.nfpLine.strokeWidth}
+        strokeWidth={styles.nfpLine.strokeWidth}
         d={new Path()
           .moveTo(0, this.fhmAndLtl.drawLtlAt)
           .lineTo(config.columnWidth, this.fhmAndLtl.drawLtlAt)
@@ -84,7 +84,7 @@ export default class DayColumn extends Component {
       const fhmLine = (<Shape
         fill="red"
         stroke={styles.nfpLine.stroke}
-        stroke-width={styles.nfpLine.strokeWidth}
+        strokeWidth={styles.nfpLine.strokeWidth}
         d={new Path()
           .moveTo(x, x)
           .lineTo(x, this.props.columnHeight)
@@ -130,7 +130,7 @@ export default class DayColumn extends Component {
       <G>
         <Shape
           stroke={styles.column.stroke.color}
-          stroke-width={styles.column.stroke.width}
+          strokeWidth={styles.column.stroke.width}
           d={new Path().lineTo(0, this.props.chartHeight)}
         />
         { columnElements }
diff --git a/components/chart/drop.svg b/components/chart/drop.svg
deleted file mode 100644
index 809d239..0000000
--- a/components/chart/drop.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg version="1.1"
-     baseProfile="full"
-     width="300" height="200"
-     xmlns="http://www.w3.org/2000/svg">
-  <path d="
-    M15 3
-    Q16.5 6.8 25 18
-    A12.8 12.8 0 1 1 5 18
-    Q13.5 6.8 15 3z
-  " />
-</svg>
-
diff --git a/components/cycle-day/cycle-day-overview.js b/components/cycle-day/cycle-day-overview.js
index 495dac4..12260e7 100644
--- a/components/cycle-day/cycle-day-overview.js
+++ b/components/cycle-day/cycle-day-overview.js
@@ -6,21 +6,13 @@ import {
   Dimensions
 } from 'react-native'
 import { LocalDate } from 'js-joda'
-import Svg, { G } from 'react-native-svg'
 import Header from '../header'
 import { getCycleDay } from '../../db'
 import cycleModule from '../../lib/cycle'
 import styles from '../../styles'
 import * as labels from './labels'
 import AppText from '../app-text'
-import BleedingIcon from '../../assets/bleeding'
-import CervixIcon from '../../assets/cervix'
-import DesireIcon from '../../assets/desire'
-import MucusIcon from '../../assets/mucus'
-import NoteIcon from '../../assets/note'
-import PainIcon from '../../assets/pain'
-import SexIcon from '../../assets/sex'
-import TemperatureIcon from '../../assets/temperature'
+import DripIcon from '../../assets/drip-icons'
 
 const bleedingLabels = labels.bleeding
 const feelingLabels = labels.mucus.feeling.categories
@@ -183,63 +175,63 @@ export default class CycleDayOverView extends Component {
               onPress={() => this.navigate('BleedingEditView')}
               data={this.getLabel('bleeding')}
               disabled={dateInFuture}
+              iconName='drip-icon-bleeding'
             >
-              <BleedingIcon viewBox='10 10 320 400' />
             </SymptomBox>
             <SymptomBox
               title='Temperature'
               onPress={() => this.navigate('TemperatureEditView')}
               data={this.getLabel('temperature')}
               disabled={dateInFuture}
+              iconName='drip-icon-temperature'
             >
-              <TemperatureIcon viewBox='10 10 320 400' />
             </SymptomBox>
             <SymptomBox
               title='Mucus'
               onPress={() => this.navigate('MucusEditView')}
               data={this.getLabel('mucus')}
               disabled={dateInFuture}
+              iconName='drip-icon-mucus'
             >
-              <MucusIcon viewBox='10 10 320 400' />
             </SymptomBox>
             <SymptomBox
               title='Cervix'
               onPress={() => this.navigate('CervixEditView')}
               data={this.getLabel('cervix')}
               disabled={dateInFuture}
+              iconName='drip-icon-cervix'
             >
-              <CervixIcon viewBox='10 10 320 440' />
             </SymptomBox>
             <SymptomBox
               title='Desire'
               onPress={() => this.navigate('DesireEditView')}
               data={this.getLabel('desire')}
               disabled={dateInFuture}
+              iconName='drip-icon-desire'
             >
-              <DesireIcon viewBox='10 10 320 380' />
             </SymptomBox>
             <SymptomBox
               title='Sex'
               onPress={() => this.navigate('SexEditView')}
               data={this.getLabel('sex')}
               disabled={dateInFuture}
+              iconName='drip-icon-sex'
             >
-              <SexIcon viewBox='10 10 320 400' />
             </SymptomBox>
             <SymptomBox
               title='Pain'
               onPress={() => this.navigate('PainEditView')}
               data={this.getLabel('pain')}
               disabled={dateInFuture}
+              iconName='drip-icon-pain'
             >
-              <PainIcon viewBox='10 10 300 400' />
             </SymptomBox>
             <SymptomBox
               title='Note'
               onPress={() => this.navigate('NoteEditView')}
               data={this.getLabel('note')}
+              iconName='drip-icon-note'
             >
-              <NoteIcon viewBox='10 10 270 400' />
             </SymptomBox>
             {/*  this is just to make the last row adhere to the grid
         (and) because there are no pseudo properties in RN */}
@@ -267,20 +259,7 @@ class SymptomBox extends Component {
         disabled={this.props.disabled}
       >
         <View style={[styles.symptomBox, boxActive, disabledStyle]}>
-
-          {this.props.children ?
-            React.Children.map(this.props.children, child => {
-              return (
-                <Svg width={100} height={50} viewBox={child.props.viewBox}>
-                  <G fill={d ? 'white' : 'black'}>
-                    {child}
-                  </G>
-                </Svg>
-              )
-            })
-            : null
-          }
-
+          <DripIcon name={this.props.iconName} size={50} color={d ? 'white' : 'black'}/>
           <AppText style={[textActive, disabledStyle]}>
             {this.props.title}
           </AppText>
diff --git a/components/home.js b/components/home.js
index 4ebb5d9..9553ba8 100644
--- a/components/home.js
+++ b/components/home.js
@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import { ScrollView, View, TouchableOpacity, TouchableHighlight, Dimensions } from 'react-native'
 import { LocalDate, ChronoUnit } from 'js-joda'
 import Icon from 'react-native-vector-icons/Entypo'
-import Svg, { G } from 'react-native-svg'
+import { Surface } from 'react-native/Libraries/ART/ReactNativeART'
 import { secondaryColor, cycleDayColor, periodColor } from '../styles'
 import { home as labels, bleedingPrediction as predictLabels, shared } from './labels'
 import CycleDayIcon from '../assets/home-circle'
@@ -73,15 +73,15 @@ export default class Home extends Component {
               style={styles.homeIconElement}
             >
               <View position='absolute'>
-                <Svg
+                <Surface
                   width={80}
                   height={80}
-                  viewBox='340 345 170 170'
                 >
-                  <G fill="none" stroke="#1E0B7A" strokeWidth="2">
-                    <CycleDayIcon/>
-                  </G>
-                </Svg>
+                  <CycleDayIcon
+                    strokeWidth={2}
+                    scale={0.46}
+                  />
+                </Surface>
               </View>
               <View style={[styles.homeIconTextWrapper, styles.wrapperCycle]}>
                 <AppTextLight style={styles.iconText}>
@@ -107,7 +107,7 @@ export default class Home extends Component {
               style={styles.homeIconElement}
             >
               <View position='absolute'>
-                <Drop/>
+                <Drop scale={0.55}/>
               </View>
               <View style={[styles.homeIconTextWrapper, styles.wrapperDrop]}>
                 <AppTextLight style={styles.iconText}>
diff --git a/ios/drip.xcodeproj/project.pbxproj b/ios/drip.xcodeproj/project.pbxproj
index e4afb9c..17b099d 100644
--- a/ios/drip.xcodeproj/project.pbxproj
+++ b/ios/drip.xcodeproj/project.pbxproj
@@ -64,6 +64,11 @@
 		8EA186B6112C41D1B206762D /* NodeMobile.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = C225FC4966694B9FBD32E946 /* NodeMobile.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, ); }; };
 		E4584E55EEC24302A3E84A23 /* nodejs-project in Resources */ = {isa = PBXBuildFile; fileRef = 6466AE2461BE4FA88B8372F0 /* nodejs-project */; };
 		A16B351C3F3644CF95F104D2 /* builtin_modules in Resources */ = {isa = PBXBuildFile; fileRef = 36F1B55D0DEE47AA9AF4BBDD /* builtin_modules */; };
+		FADD79DE05864E86844111D8 /* Glyphter.ttf in Resources */ = {isa = PBXBuildFile; fileRef = DC19848BDA47441786F56AC5 /* Glyphter.ttf */; };
+		0889C1799FA24197AB094FC5 /* Prompt-Light.ttf in Resources */ = {isa = PBXBuildFile; fileRef = CE3F7B728ACB4436BAE715AD /* Prompt-Light.ttf */; };
+		F165D5E4692041AD900573C8 /* Prompt-Thin.ttf in Resources */ = {isa = PBXBuildFile; fileRef = CB2405AD4098483C85C1A261 /* Prompt-Thin.ttf */; };
+		BF3587E45FCA48DEA13183A1 /* fontello.ttf in Resources */ = {isa = PBXBuildFile; fileRef = BB0CB875BB2749F4A46AA5F1 /* fontello.ttf */; };
+		BBD61F152BE74DD7AED99DFB /* drip-icon-font.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 05154E9AE0EA4BE19F3D9E0B /* drip-icon-font.ttf */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -402,6 +407,11 @@
 		C225FC4966694B9FBD32E946 /* NodeMobile.framework */ = {isa = PBXFileReference; name = "NodeMobile.framework"; path = "../node_modules/nodejs-mobile-react-native/ios/NodeMobile.framework"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = wrapper.framework; explicitFileType = undefined; includeInIndex = 0; };
 		6466AE2461BE4FA88B8372F0 /* nodejs-project */ = {isa = PBXFileReference; name = "nodejs-project"; path = "../nodejs-assets/nodejs-project"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
 		36F1B55D0DEE47AA9AF4BBDD /* builtin_modules */ = {isa = PBXFileReference; name = "builtin_modules"; path = "../node_modules/nodejs-mobile-react-native/install/resources/nodejs-modules/builtin_modules"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		DC19848BDA47441786F56AC5 /* Glyphter.ttf */ = {isa = PBXFileReference; name = "Glyphter.ttf"; path = "../assets/fonts/Glyphter.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		CE3F7B728ACB4436BAE715AD /* Prompt-Light.ttf */ = {isa = PBXFileReference; name = "Prompt-Light.ttf"; path = "../assets/fonts/Prompt-Light.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		CB2405AD4098483C85C1A261 /* Prompt-Thin.ttf */ = {isa = PBXFileReference; name = "Prompt-Thin.ttf"; path = "../assets/fonts/Prompt-Thin.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		BB0CB875BB2749F4A46AA5F1 /* fontello.ttf */ = {isa = PBXFileReference; name = "fontello.ttf"; path = "../assets/fonts/fontello.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		05154E9AE0EA4BE19F3D9E0B /* drip-icon-font.ttf */ = {isa = PBXFileReference; name = "drip-icon-font.ttf"; path = "../assets/fonts/drip-icon-font.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -705,6 +715,11 @@
 				4902D5DCD46748BD8DC403FD /* Octicons.ttf */,
 				E954835D62BD45F0A5FFC523 /* SimpleLineIcons.ttf */,
 				B6F5078F7DEC470782757471 /* Zocial.ttf */,
+				DC19848BDA47441786F56AC5 /* Glyphter.ttf */,
+				CE3F7B728ACB4436BAE715AD /* Prompt-Light.ttf */,
+				CB2405AD4098483C85C1A261 /* Prompt-Thin.ttf */,
+				BB0CB875BB2749F4A46AA5F1 /* fontello.ttf */,
+				05154E9AE0EA4BE19F3D9E0B /* drip-icon-font.ttf */,
 			);
 			name = Resources;
 			sourceTree = "<group>";
@@ -740,9 +755,9 @@
 				13B07F8E1A680F5B00A75B9A /* Resources */,
 				00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
 				2B572382D4504B8FB4B9D251 /* Embed Frameworks */,
-				BC56212BF71640129DD11F8E /* Build NodeJS Mobile Native Modules */,
-				7B0BECC50B36437CA35E4211 /* Sign NodeJS Mobile Native Modules */,
-				4C818BB9B14F475BB509861E /* Remove NodeJS Mobile Framework Simulator Strips */,
+				F64994825D454BDD8D73467F /* Build NodeJS Mobile Native Modules */,
+				E01FA74D87244C06A5D9B389 /* Sign NodeJS Mobile Native Modules */,
+				28C4AB8094CC4A7E8DE0E83B /* Remove NodeJS Mobile Framework Simulator Strips */,
 			);
 			buildRules = (
 			);
@@ -1176,6 +1191,11 @@
 				A1410AC4C98A49B2820D9E45 /* Zocial.ttf in Resources */,
 				E4584E55EEC24302A3E84A23 /* nodejs-project in Resources */,
 				A16B351C3F3644CF95F104D2 /* builtin_modules in Resources */,
+				FADD79DE05864E86844111D8 /* Glyphter.ttf in Resources */,
+				0889C1799FA24197AB094FC5 /* Prompt-Light.ttf in Resources */,
+				F165D5E4692041AD900573C8 /* Prompt-Thin.ttf in Resources */,
+				BF3587E45FCA48DEA13183A1 /* fontello.ttf in Resources */,
+				BBD61F152BE74DD7AED99DFB /* drip-icon-font.ttf in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -1225,7 +1245,7 @@
 			shellPath = /bin/sh;
 			shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
 		};
-		BC56212BF71640129DD11F8E /* Build NodeJS Mobile Native Modules */ = {
+		F64994825D454BDD8D73467F /* Build NodeJS Mobile Native Modules */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1293,7 +1313,7 @@ fi
 popd
 ";
 		};
-		7B0BECC50B36437CA35E4211 /* Sign NodeJS Mobile Native Modules */ = {
+		E01FA74D87244C06A5D9B389 /* Sign NodeJS Mobile Native Modules */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1353,7 +1373,7 @@ find \"$CODESIGNING_FOLDER_PATH/nodejs-project/\" -path \"*/*.framework/*\" -del
 find \"$CODESIGNING_FOLDER_PATH/nodejs-project/\" -name \"*.framework\" -type d -delete
 ";
 		};
-		4C818BB9B14F475BB509861E /* Remove NodeJS Mobile Framework Simulator Strips */ = {
+		28C4AB8094CC4A7E8DE0E83B /* Remove NodeJS Mobile Framework Simulator Strips */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
diff --git a/ios/drip/Info.plist b/ios/drip/Info.plist
index 804756f..31237d6 100644
--- a/ios/drip/Info.plist
+++ b/ios/drip/Info.plist
@@ -67,6 +67,11 @@
 		<string>Octicons.ttf</string>
 		<string>SimpleLineIcons.ttf</string>
 		<string>Zocial.ttf</string>
+		<string>Glyphter.ttf</string>
+		<string>Prompt-Light.ttf</string>
+		<string>Prompt-Thin.ttf</string>
+		<string>fontello.ttf</string>
+		<string>drip-icon-font.ttf</string>
 	</array>
 </dict>
 </plist>
diff --git a/package.json b/package.json
index 4778421..58c3d13 100644
--- a/package.json
+++ b/package.json
@@ -67,5 +67,6 @@
   "bugs": {
     "url": "https://gitlab.com/bloodyhealth/drip/issues"
   },
-  "homepage": "https://gitlab.com/bloodyhealth/drip#README"
+  "homepage": "https://gitlab.com/bloodyhealth/drip#README",
+  "rnpm": { "assets": [ "assets/fonts" ] }
 }