feat(icons): Add 'classic' and 'mod' icon files.

packages/icons/src/classic-modes/classic-bike.js

@@ -0,0 +1,16 @@
+import React from "react";
+
+const ClassicBike = ({ title, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    version="1.1"
+    viewBox="0 0 100 61.3"
+    height="100%"
+    width="100%"
+    {...props}
+  >
+    <path d="M0,41.6C0,52.3,8.7,61,19.4,61c9.4,0,17.2-6.7,19-15.5c0.1,0,0.1,0,0.2,0c15.3-0.6,4.6,4.2,33-25.7c0.5,1.5,0.9,2.9,1.4,4.3  c-6.9,3-11.8,9.8-11.8,17.9c0,10.7,8.7,19.4,19.4,19.4c10.7,0,19.4-8.7,19.4-19.4s-8.7-19.4-19.4-19.4c-1.2,0-2.4,0.1-3.6,0.3  C69.5-1.5,71.9,0.1,57.9,0v3.9c10.2,0,8.9-0.6,11.2,7.3H35.3L34,7.5c7.6-1.7,9.7-1.7,8.2-3.7H25.1v3.8l4.5,0.1l1.3,3.6  c-2.1,4.6-3.8,8.5-5.3,11.9c-2-0.7-4-1-6.2-1C8.7,22.2,0,30.9,0,41.6z M74.4,28.4c4.8,15.4,4.4,15.1,6.3,15.3c1.1-0.1,1.9-0.9,1.9-2  c0-1.3,0.5,0.4-4.2-14.5c0.7-0.1,1.4-0.2,2.2-0.2c8.2,0,14.9,6.7,14.9,14.9s-6.7,14.9-14.9,14.9s-14.9-6.7-14.9-14.9  C65.7,35.9,69.3,30.7,74.4,28.4z M37,15.3l33,0.1L46.6,41L37,15.3z M29.4,24.9l3.6-8.1l9.4,24.6l-3.6,0C38.8,34.5,35,28.3,29.4,24.9  z M34.3,41.5l-12.3,0l5.6-12.4C31.6,31.8,34.2,36.3,34.3,41.5z M4.5,41.6c0-8.2,6.7-14.9,14.9-14.9c1.5,0,3,0.2,4.3,0.6  c-6.7,14.9-7,15.4-7,16.2c0.2,2.7,1.6,1.9,17.1,1.9c-1.7,6.3-7.5,11-14.3,11C11.2,56.4,4.5,49.8,4.5,41.6z" />
+  </svg>
+);
+
+export default ClassicBike;

packages/icons/src/classic-modes/classic-bus.js

@@ -0,0 +1,21 @@
+import React from "react";
+
+const ClassicBus = ({ title, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    version="1.0"
+    viewBox="0 0 81.59 99.992"
+    height="100%"
+    width="100%"
+    {...props}
+  >
+    <path d="M68.848,68.51" />
+    <path d="M12.687,68.51" />
+    <g>
+      <path d="M77.619,14.775c-1.098-5.528-4.622-7.731-9.931-9.93C62.499,2.668,50.02,0.079,40.794,0 c-9.243,0.079-21.722,2.668-26.948,4.846c-5.271,2.199-8.795,4.402-9.875,9.93L0,45.284v42.091h6.84v6.564 c-0.027,8.071,11.745,8.071,11.75,0v-6.564h21.737h0.054H63v6.564c-0.014,8.071,11.759,8.071,11.75,0v-6.564h6.84V45.284 L77.619,14.775z M23.996,7.715h16.385h17.212c3.286-0.009,3.286,4.949,0,4.965H40.327H23.996 C20.694,12.664,20.694,7.706,23.996,7.715z M12.687,74.191c-3.101-0.015-5.631-2.542-5.627-5.682 c-0.004-3.099,2.526-5.627,5.627-5.627c3.136,0,5.665,2.528,5.683,5.627C18.352,71.649,15.823,74.177,12.687,74.191z M40.381,48.482H10.426c-2.925,0.028-3.54-2.081-3.253-4.192l3.088-22.177c0.425-2.67,1.336-4.443,4.854-4.468h25.213h26.149 c3.498,0.025,4.412,1.797,4.854,4.468l3.09,22.177c0.266,2.112-0.348,4.22-3.256,4.192H40.381z M68.848,74.191 c-3.1-0.015-5.628-2.542-5.628-5.682c0-3.099,2.528-5.627,5.628-5.627c3.137,0,5.667,2.528,5.681,5.627 C74.515,71.649,71.985,74.177,68.848,74.191z" />
+      <path d="M40.381-0.007c0.135,0,0.277,0.006,0.414,0.007c0.137-0.001,0.278-0.007,0.414-0.007H40.381z" />
+    </g>
+  </svg>
+);
+
+export default ClassicBus;

packages/icons/src/classic-modes/classic-car.js

@@ -0,0 +1,15 @@
+import React from "react";
+
+const ClassicCar = ({ title, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 512 512"
+    height="100%"
+    width="100%"
+    {...props}
+  >
+    <path d="M499.991 168h-54.815l-7.854-20.944c-9.192-24.513-25.425-45.351-46.942-60.263S343.651 64 317.472 64H194.528c-26.18 0-51.391 7.882-72.908 22.793-21.518 14.912-37.75 35.75-46.942 60.263L66.824 168H12.009c-8.191 0-13.974 8.024-11.384 15.795l8 24A12 12 0 0 0 20.009 216h28.815l-.052.14C29.222 227.093 16 247.997 16 272v48c0 16.225 6.049 31.029 16 42.309V424c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-40h256v40c0 13.255 10.745 24 24 24h48c13.255 0 24-10.745 24-24v-61.691c9.951-11.281 16-26.085 16-42.309v-48c0-24.003-13.222-44.907-32.772-55.86l-.052-.14h28.815a12 12 0 0 0 11.384-8.205l8-24c2.59-7.771-3.193-15.795-11.384-15.795zm-365.388 1.528C143.918 144.689 168 128 194.528 128h122.944c26.528 0 50.61 16.689 59.925 41.528L391.824 208H120.176l14.427-38.472zM88 328c-17.673 0-32-14.327-32-32 0-17.673 14.327-32 32-32s48 30.327 48 48-30.327 16-48 16zm336 0c-17.673 0-48 1.673-48-16 0-17.673 30.327-48 48-48s32 14.327 32 32c0 17.673-14.327 32-32 32z" />
+  </svg>
+);
+
+export default ClassicCar;

packages/icons/src/classic-modes/classic-gondola.js

@@ -0,0 +1,19 @@
+import React from "react";
+
+const ClassicGondola = ({ title, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    version="1.0"
+    viewBox="0 0 100 89.383"
+    height="100%"
+    width="100%"
+    {...props}
+  >
+    <polygon points="100,3.417 100,0 0,38.239 0,41.663 " />
+    <path d="M43.871,16.965c2.986,0,5.425-2.467,5.425-5.507c0-3.034-2.439-5.476-5.425-5.476c-3.009,0-5.448,2.442-5.448,5.476  C38.424,14.498,40.864,16.965,43.871,16.965z" />
+    <path d="M77.553,45.469H53.319V25.603l-3.385,1.364v18.502H25.477c-1.915,0-3.477,1.576-3.477,3.516V85.86  c0,1.939,1.562,3.523,3.477,3.523h52.077c1.916,0,3.484-1.584,3.484-3.523V48.984C81.038,47.045,79.469,45.469,77.553,45.469z   M40.583,65.495c0,1.052-0.832,1.916-1.871,1.916H27.249c-1.038,0-1.891-0.864-1.891-1.916V53.94c0-1.051,0.854-1.915,1.891-1.915  h11.462c1.038,0,1.871,0.864,1.871,1.915V65.495z M59.211,65.351c0,1.057-0.848,1.892-1.893,1.892H45.887  c-1.047,0-1.893-0.835-1.893-1.892v-11.58c0-1.049,0.846-1.884,1.893-1.884h11.432c1.045,0,1.893,0.835,1.893,1.884V65.351z   M77.696,65.351c0,1.057-0.825,1.892-1.872,1.892H64.371c-1.038,0-1.893-0.835-1.893-1.892v-11.58c0-1.049,0.854-1.884,1.893-1.884  h11.453c1.047,0,1.872,0.835,1.872,1.884V65.351z" />
+    <path d="M56.848,12.063c3,0,5.439-2.467,5.439-5.507s-2.439-5.507-5.439-5.507c-2.985,0-5.424,2.467-5.424,5.507  S53.863,12.063,56.848,12.063z" />
+  </svg>
+);
+
+export default ClassicGondola;

packages/icons/src/classic-modes/classic-micromobility.js

@@ -0,0 +1,15 @@
+import React from "react";
+
+const ClassicMicromobility = ({ title, ...props }) => (
+  <svg
+    height="100%"
+    viewBox="0 0 512 512"
+    width="100%"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="m464.027344 393.210938-47.425782-341.464844c-4.097656-29.5-29.648437-51.746094-59.429687-51.746094h-68.171875v40h68.171875c9.929687 0 18.441406 7.414062 19.808594 17.246094l36.148437 260.25c-52.128906 15.089844-91.835937 59.722656-99.703125 114.503906h-196.867187c-8.253906-23.277344-30.484375-40-56.558594-40-33.085938 0-60 26.914062-60 60s26.914062 60 60 60c26.074219 0 48.304688-16.722656 56.558594-40h235.441406v-20c0-43.472656 27.886719-80.550781 66.710938-94.296875l5.699218 41.042969c-19.234375 10.003906-32.410156 30.113281-32.410156 53.253906 0 33.085938 26.914062 60 60 60s60-26.914062 60-60c0-28.964844-20.632812-53.203125-47.972656-58.789062zm-404.027344 78.789062c-11.027344 0-20-8.972656-20-20s8.972656-20 20-20 20 8.972656 20 20-8.972656 20-20 20zm392 0c-11.027344 0-20-8.972656-20-20s8.972656-20 20-20 20 8.972656 20 20-8.972656 20-20 20zm0 0" />
+  </svg>
+);
+
+export default ClassicMicromobility;

packages/icons/src/classic-modes/classic-tram.js

@@ -0,0 +1,18 @@
+import React from "react";
+
+const ClassicTram = ({ title, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    version="1.0"
+    viewBox="0 0 66.461 100"
+    height="100%"
+    width="100%"
+    {...props}
+  >
+    <path d="M28.549,7.023c-1.933-0.007-3.508-1.582-3.512-3.511C25.041,1.555,26.616-0.021,28.549,0  c1.952-0.021,3.526,1.555,3.511,3.512C32.075,5.441,30.5,7.016,28.549,7.023L28.549,7.023z" />
+    <path d="M37.913,7.023c1.936-0.007,3.512-1.582,3.512-3.511c0-1.957-1.576-3.532-3.512-3.512c-1.95-0.021-3.525,1.555-3.512,3.512  C34.388,5.441,35.963,7.016,37.913,7.023L37.913,7.023z" />
+    <path d="M51.856,78.064c4.872-0.809,9.73-5.898,9.719-12.109V20.611C61.587,14.218,56.2,8.34,48.903,8.347H33.281H17.606  C10.265,8.34,4.878,14.218,4.885,20.611v45.344c-0.007,6.211,4.852,11.301,9.719,12.109L0,100h8.446l10.432-15.37H33.23h14.351  L58.063,100h8.397L51.856,78.064z M24.986,13.031c0.002-1.136,0.969-2.072,2.085-2.088h6.158h6.159  c1.117,0.016,2.088,0.952,2.088,2.088v3.559c0,1.133-0.916,2.092-2.088,2.088H33.23h-6.158c-1.167,0.004-2.083-0.955-2.085-2.088  V13.031z M17.301,71.45c-3.059-0.023-5.553-2.517-5.546-5.598c-0.007-3.071,2.487-5.562,5.546-5.547  c3.09-0.016,5.584,2.476,5.598,5.547C22.886,68.934,20.391,71.427,17.301,71.45z M18.014,41.986  c-3.508-0.021-6.369-2.421-6.362-6.363v-8.141c0.025-3.396,2.219-6.356,6.362-6.363H33.23h15.215  c4.148,0.007,6.343,2.967,6.363,6.363v8.141c0.011,3.942-2.85,6.343-6.363,6.363H33.23H18.014z M43.46,65.853  c-0.009-3.071,2.482-5.562,5.545-5.547c3.09-0.016,5.584,2.476,5.6,5.547c-0.016,3.081-2.51,5.574-5.6,5.598  C45.942,71.427,43.451,68.934,43.46,65.853z" />
+  </svg>
+);
+
+export default ClassicTram;

packages/icons/src/classic-modes/classic-walk.js

@@ -0,0 +1,19 @@
+import React from "react";
+
+const ClassicWalk = ({ title, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    version="1.0"
+    x="0px"
+    y="0px"
+    viewBox="0 0 55.74 100"
+    height="100%"
+    width="100%"
+    {...props}
+  >
+    <path d="M31.269,13.769c3.862,0,6.884-3.025,6.884-6.885C38.153,3.022,35.131,0,31.269,0c-3.86,0-6.885,3.022-6.885,6.884  C24.384,10.744,27.409,13.769,31.269,13.769z" />
+    <path d="M1.249,51.724l4.512-0.421L5.863,35.25l8.224-5.204c0,0-1.333,10.545-1.333,16.085c0,4.831-0.172,8.736-0.172,8.736  L2.054,96.918L9.489,100L21.28,61.549l8.195,10.424l9.339,26.337l8.394-3.355l-9.425-27.965L27.446,50.665l2.901-21.399l6.46,13.544  l16.622,5.708l2.311-4.199l-15.234-8.887c0,0-3.691-9.819-6.711-15.962c-1.027-2.091-5.196-2.774-6.894-2.901  c-4.896-0.362-7.428,1.296-11.488,3.432C11.358,22.131,0,30.728,0,30.728L1.249,51.724z" />
+  </svg>
+);
+
+export default ClassicWalk;

packages/icons/src/classic-modes/index.js

@@ -0,0 +1,19 @@
+import ClassicBike from "./classic-bike";
+import ClassicBus from "./classic-bus";
+import ClassicCar from "./classic-car";
+import ClassicFerry from "./classic-ferry";
+import ClassicGondola from "./classic-gondola";
+import ClassicMicromobility from "./classic-micromobility";
+import ClassicTram from "./classic-tram";
+import ClassicWalk from "./classic-walk";
+
+export {
+  ClassicBike,
+  ClassicBus,
+  ClassicCar,
+  ClassicFerry,
+  ClassicGondola,
+  ClassicMicromobility,
+  ClassicTram,
+  ClassicWalk
+};

packages/icons/src/index.js

@@ -1,10 +1,23 @@
+import * as classicModes from "./classic-modes";
 import * as companies from "./companies";
 import * as directions from "./directions";
 import * as generic from "./generic";
+import * as modModes from "./mod";
 import * as trimet from "./trimet";
 import TriMetLegIcon from "./trimet-leg-icon";
 import TriMetModeIcon from "./trimet-mode-icon";
 
+const {
+  ClassicBike,
+  ClassicBus,
+  ClassicCar,
+  ClassicFerry,
+  ClassicGondola,
+  ClassicMicromobility,
+  ClassicTram,
+  ClassicWalk
+} = classicModes;
+
 const {
   Biketown,
   Bird,
@@ -21,6 +34,7 @@ const {
   Spin,
   Uber
 } = companies;
+
 const {
   CircleClockwise,
   CircleCounterclockwise,
@@ -35,7 +49,20 @@ const {
   UTurnLeft,
   UTurnRight
 } = directions;
+
 const { ArrowDown, ArrowLeft, Refresh, Star } = generic;
+
+const {
+  ModBike,
+  ModBus,
+  ModGondola,
+  ModRail,
+  ModStreetcar,
+  ModTram,
+  ModTransit,
+  ModWalk
+} = modModes;
+
 const {
   Accessible,
   AerialTram,
@@ -110,6 +137,14 @@ export {
   Circle,
   CircleClockwise,
   CircleCounterclockwise,
+  ClassicBike,
+  ClassicBus,
+  ClassicCar,
+  ClassicFerry,
+  ClassicGondola,
+  ClassicMicromobility,
+  ClassicTram,
+  ClassicWalk,
   Elevator,
   Email,
   Feedback,
@@ -130,6 +165,14 @@ export {
   Max,
   MaxCircle,
   Micromobility,
+  ModBike,
+  ModBus,
+  ModGondola,
+  ModRail,
+  ModStreetcar,
+  ModTram,
+  ModTransit,
+  ModWalk,
   Parking,
   Phone,
   Plane,

packages/icons/src/mod/index.js

@@ -0,0 +1,19 @@
+import ModBike from "./mod-bike";
+import ModBus from "./mod-bus";
+import ModGondola from "./mod-gondola";
+import ModRail from "./mod-rail";
+import ModStreetcar from "./mod-streetcar";
+import ModTram from "./mod-tram";
+import ModTransit from "./mod-transit";
+import ModWalk from "./mod-walk";
+
+export {
+  ModBike,
+  ModBus,
+  ModGondola,
+  ModRail,
+  ModStreetcar,
+  ModTram,
+  ModTransit,
+  ModWalk
+};

packages/icons/src/mod/mod-bike.js

@@ -0,0 +1,16 @@
+import React from "react";
+
+const ModBike = ({ title, ...props }) => (
+  <svg version="1.1" viewBox="0 0 32 32" height="100%" width="100%" {...props}>
+    <g>
+      <path d="M6.9,15.4c-3.8,0-6.9,3.1-6.9,6.9c0,3.8,3.1,6.9,6.9,7c3.8,0,6.9-3.1,6.9-7C13.9,18.6,10.8,15.5,6.9,15.4z M10.7,26.1 c-0.9,1-2.3,1.6-3.7,1.6c-1.4,0-2.8-0.6-3.7-1.6c-0.9-0.9-1.5-2.3-1.5-3.7c0-1.4,0.6-2.8,1.5-3.7c1-1,2.3-1.5,3.7-1.5 c1.4,0,2.8,0.6,3.7,1.5c1,0.9,1.5,2.3,1.5,3.7C12.2,23.8,11.6,25.2,10.7,26.1z" />
+      <path d="M19.2,7.7c1.4,0,2.5-1.1,2.5-2.5c0-1.4-1.1-2.5-2.5-2.5c-1.4,0-2.5,1.1-2.5,2.5C16.7,6.6,17.8,7.7,19.2,7.7z" />
+      <path d="M23.9,13.9c1.5,0,1.5-2-0.1-2h-4l-2.8-4.6c-0.6-0.8-2.3-0.9-3-0.1l-4.9,4.9C8,13.3,8.7,15,10,15.4l4.5,2.8v4.6 c0,1,0.8,1.6,1.5,1.6c0.7,0,1.5-0.5,1.5-1.6V17c0-0.5-0.1-1.2-0.5-1.3l-3-1.9l2.5-2.6l1.5,2c0.3,0.6,0.9,0.8,1.5,0.8H23.9z" />
+      <g>
+        <path d="M25.1,15.3c-3.8,0-6.9,3.1-6.9,6.9c0,3.8,3.1,6.9,6.9,6.9c3.8,0,6.9-3.1,6.9-6.9C32,18.5,28.9,15.3,25.1,15.3z M28.8,26 c-0.9,0.9-2.3,1.5-3.7,1.5c-1.4,0-2.8-0.6-3.7-1.5c-0.9-1-1.5-2.3-1.5-3.7c0-1.5,0.6-2.8,1.5-3.7c1-1,2.3-1.5,3.7-1.5 c1.5,0,2.8,0.6,3.7,1.5c1,1,1.5,2.3,1.5,3.7C30.3,23.7,29.7,25,28.8,26z" />
+      </g>
+    </g>
+  </svg>
+);
+
+export default ModBike;

packages/icons/src/mod/mod-bus.js

@@ -0,0 +1,20 @@
+import React from "react";
+
+const ModBus = ({ title, ...props }) => (
+  <svg version="1.1" viewBox="0 0 32 32" height="100%" width="100%" {...props}>
+    <g>
+      <g>
+        <g>
+          <path d="M19.9,14.4c-1.1,0-2,0.7-2.3,1.7c0.3,0,4.3,0,4.6,0C21.9,15.1,21,14.4,19.9,14.4z" />
+          <path d="M26.9,7c-0.2-0.7-0.5-1.4-1.2-1.8c-5.2-2.7-14.4-2.6-19.1,0C6.2,5.5,5.4,6.1,5.1,7c-0.4,1.5-0.6,3-0.6,3.7l0,5.7l0,2.2 v6.1c0,0.2,0.2,0.3,0.4,0.3h22.3c0.2,0,0.3-0.1,0.3-0.3v-5.2l0-8.9C27.5,9.7,27.3,8.1,26.9,7z M11,4.9h9.9V6H11V4.9z M7.9,21.4 c-1,0-1.8-0.8-1.8-1.8c0-0.5,0.2-0.9,0.5-1.3C7,18,7.5,17.8,7.9,17.8c1,0,1.8,0.8,1.8,1.8C9.7,20.6,8.9,21.4,7.9,21.4z M24,21.4 c-1,0-1.8-0.8-1.8-1.8c0-1,0.8-1.8,1.8-1.8c1,0,1.8,0.8,1.8,1.8C25.8,20.6,25,21.4,24,21.4z M25.2,16.4H6.5C6.2,16.4,6,16,6,15.8 l0.5-7.9c0-0.4,0.3-0.8,0.8-0.8h17.4c0.2,0,0.7,0.5,0.7,1l0.6,7.7C26,16.1,25.6,16.4,25.2,16.4z" />
+        </g>
+        <g>
+          <path d="M6.5,27.6c0,0.8,0.8,1.2,1.6,1.2c0.4,0,0.8-0.1,1-0.3c0.3-0.2,0.4-0.5,0.4-0.9c0,0,0-1.7,0-1.9c-0.2,0-2.8,0-3,0 C6.5,25.9,6.5,27.6,6.5,27.6z" />
+          <path d="M22.3,27.6c0,0.8,0.8,1.1,1.6,1.1c0.8,0,1.6-0.4,1.6-1.1c0,0,0-1.7,0-1.8c-0.2,0-3.1,0-3.2,0 C22.3,25.9,22.3,27.6,22.3,27.6z" />
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default ModBus;

packages/icons/src/mod/mod-gondola.js

@@ -0,0 +1,9 @@
+import React from "react";
+
+const ModGondola = ({ title, ...props }) => (
+  <svg version="1.1" viewBox="0 0 32 32" height="100%" width="100%" {...props}>
+    <path d="M24.9,17.2c-1.7-0.6-5.9-0.9-8-1.1V6.7l12.4,4.5V9.5l-7.7-2.8l0-1.3l-11.2-4l0,1.3L2.7,0v1.6l11.9,4.2v10.2L10,16 c0,0-3.8,0.4-6,3c-2.2,2.6-2.3,4.1-2.3,5.7c0,1.5,1.3,4.1,3.2,5.2c1.9,1.1,4.3,1.3,4.3,1.3L19.5,32c0,0,4.9-0.1,7.1-1.4 c1.6-1,3.7-2.5,3.7-6.3C30.3,20.5,27.8,18.2,24.9,17.2z M10.5,26.3H4.1c0,0-0.8-2.8,0.3-4.5c1.1-1.7,2-2.4,2-2.4l4.1,0.1V26.3z M18.9,26.3h-6.2v-6.9h6.2V26.3z M28.2,26.3h-7.1v-6.9h4.8c0,0,1,0.6,2,2.3C29,23.5,28.2,26.3,28.2,26.3z" />
+  </svg>
+);
+
+export default ModGondola;