diff --git a/assets/icons/README.md b/assets/icons/README.md index ef7f9334e..6083c536d 100644 --- a/assets/icons/README.md +++ b/assets/icons/README.md @@ -15,4 +15,5 @@ We're getting these icons by the [DB Design System colleagues](https://dbsw.shar ## Icon fonts - Use the source files out of the folder `assets/icons/functional/fonts/sources` via to generate the font files. -- You'll need [`wawoff2`](https://www.npmjs.com/package/wawoff2) to generated `woff2` files out of the included `ttf` files. +- You'll need [`wawoff2`](https://www.npmjs.com/package/wawoff2) to generated `woff2` files out of the included `ttf` files; e.g. install it globally and run the following command afterwards within the icomoon folder: + `woff2_compress.js icomoon.ttf icons-20-outline-transportation.woff2` diff --git a/assets/icons/functional/fonts/icons-20-outline-transportation.woff b/assets/icons/functional/fonts/icons-20-outline-transportation.woff index 90de26f5b..6b776c4fc 100644 Binary files a/assets/icons/functional/fonts/icons-20-outline-transportation.woff and b/assets/icons/functional/fonts/icons-20-outline-transportation.woff differ diff --git a/assets/icons/functional/fonts/icons-20-outline-transportation.woff2 b/assets/icons/functional/fonts/icons-20-outline-transportation.woff2 index ebf3e8ed7..0294af374 100644 Binary files a/assets/icons/functional/fonts/icons-20-outline-transportation.woff2 and b/assets/icons/functional/fonts/icons-20-outline-transportation.woff2 differ diff --git a/assets/icons/functional/fonts/sources/db-icons-20-transportation-outline.json b/assets/icons/functional/fonts/sources/db-icons-20-transportation-outline.json index d530761d6..7ffb5f6af 100644 --- a/assets/icons/functional/fonts/sources/db-icons-20-transportation-outline.json +++ b/assets/icons/functional/fonts/sources/db-icons-20-transportation-outline.json @@ -1,6 +1,54 @@ { "IcoMoonType": "selection", "icons": [ + { + "icon": { + "paths": [ + "M512.001 51.2c-254.493 0-460.801 206.306-460.801 460.799 0 254.489 206.308 460.801 460.801 460.801 254.491 0 460.799-206.312 460.799-460.801 0-254.492-206.308-460.799-460.799-460.799zM645.647 206.42c28.798 0 44.078 2.939 59.358 11.166 14.693 7.64 25.856 19.395 34.083 34.087 7.64 14.105 10.582 28.21 11.169 52.893v28.797c4.111-2.351 8.814-4.114 14.105-4.114 13.518 0 27.031 10.579 25.856 25.859v92.27c0 14.105-11.751 25.859-25.856 25.859-4.704 0-9.407-1.175-14.105-4.114v205.696c0 28.798-2.942 44.078-11.169 59.358-5.285 9.995-12.338 18.222-20.565 25.274v24.682c0 17.042-13.518 30.56-30.566 30.56h-18.216c-17.042 0-30.56-11.751-30.56-35.263h-258.596c0 22.92-13.513 35.263-30.56 35.263h-18.216c-17.042 0-30.56-13.518-30.56-30.56v-24.682c-8.82-7.053-15.867-15.28-20.571-25.274-7.641-14.105-10.579-28.211-11.166-52.892v-212.749c-4.114 2.351-8.816 4.114-13.518 4.114-14.105 0-25.859-11.754-25.859-25.859v-91.682c0-14.105 11.754-25.859 25.859-25.859 4.702 0 9.403 1.176 13.518 4.114v-21.745c0-28.797 2.939-44.078 11.166-59.358 7.641-14.693 19.397-25.859 34.090-34.087 14.1-7.64 28.205-10.578 52.893-11.166-0.404-0.202 32.318-0.335 75.439-0.422l24.415-0.043c4.196-0.006 8.443-0.013 12.725-0.018l25.973-0.031c4.353-0.005 8.706-0.009 13.043-0.013l50.157-0.037c3.932-0.002 7.778-0.004 11.523-0.006zM352.381 658.366c-18.809 0-34.676 15.28-34.676 34.676 0 19.391 15.28 34.67 34.676 34.67 18.803 0 34.671-15.28 34.671-34.67 0-19.396-15.867-34.676-34.671-34.676zM666.8 658.366c-18.803 0-34.671 15.28-34.671 34.676 0 19.391 15.28 34.67 34.671 34.67 19.396 0 34.676-15.28 34.676-34.67 0-19.396-15.867-34.676-34.676-34.676zM697.953 323.961h-377.312v264.465c71.114 11.169 135.764 15.867 188.656 15.867 54.067 0 116.954-5.285 188.656-15.867z" + ], + "attrs": [{ "fill": "rgb(251, 186, 0)" }], + "isMulticolor": false, + "isMulticolor2": false, + "grid": 0, + "tags": ["db_ic_ev_bus_20"] + }, + "attrs": [{ "fill": "rgb(251, 186, 0)" }], + "properties": { + "order": 99, + "id": 32, + "name": "db_ic_ev_bus_20", + "prevSize": 32, + "code": 59648 + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 0 + }, + { + "icon": { + "paths": [ + "M402.477 101.492c-8.014 0-16.028 2.515-24.042 7.544-4.007 3.772-10.685 5.029-16.028 5.029-8.014 0-16.028-3.772-21.371-10.058-8.014-10.059-5.343-27.661 5.343-35.205 16.028-11.316 36.063-17.602 56.098-17.602h219.048c20.036 0 38.735 6.286 56.098 17.602 10.684 8.801 13.357 25.146 5.342 35.205-4.006 6.286-12.021 10.058-21.372 10.058-6.679 0-12.021-2.514-16.027-5.029-6.679-5.029-14.694-7.544-24.042-7.544z", + "M783.138 703.738c0 81.725-69.452 149.619-156.271 153.393-1.336-21.377-20.036-32.692-38.735-30.176-50.753 6.287-102.844 6.287-153.599 0-18.699-2.516-36.063 8.799-38.734 30.176-85.482-3.774-152.265-67.897-156.272-147.107v-383.476c0-100.584 86.818-182.309 193.67-184.823h149.592c17.684 0 34.868 2.116 51.256 6.091 83.869 20.341 146.859 89.355 149.092 172.446zM345.044 730.143c0 15.086 12.021 28.918 30.72 28.918h54.762c18.699 0 30.72-13.832 30.72-28.918 0-15.090-12.021-28.918-30.72-28.918h-54.762c-18.699 0-30.72 13.828-30.72 28.918zM592.141 701.225c-17.363 0-30.72 12.574-30.72 28.918 0 15.086 12.021 28.918 30.72 28.918h54.762c17.363 0 30.72-12.574 30.72-28.918 0-15.090-12.021-28.918-30.72-28.918zM674.95 287.572c0-37.719-33.389-69.151-73.461-69.151h-181.648c-40.070 0-72.125 31.432-72.125 69.151l16.028 279.12c0 33.947 28.048 60.352 62.776 60.352h168.291c34.73 0 62.777-27.66 62.777-60.352z", + "M715.022 922.509h77.467c14.69 0 26.711 11.316 26.711 25.147 0 13.828-12.021 25.144-26.711 25.144h-560.976c-14.692 0-26.713-11.316-26.713-25.144 0-13.832 12.021-25.147 26.713-25.147h77.468v-6.287c0-13.828 12.021-25.144 26.713-25.144s26.713 11.316 26.713 25.144v6.287h299.185v-6.287c0-13.828 12.021-25.144 26.715-25.144s26.715 11.316 26.715 25.144z" + ], + "attrs": [{}, {}, {}], + "isMulticolor": false, + "isMulticolor2": false, + "grid": 0, + "tags": ["db_ic_ev_train_20"] + }, + "attrs": [{}, {}, {}], + "properties": { + "order": 98, + "id": 31, + "name": "db_ic_ev_train_20", + "prevSize": 32, + "code": 59649 + }, + "setIdx": 0, + "setId": 0, + "iconIdx": 1 + }, { "icon": { "paths": [ @@ -9,20 +57,20 @@ "attrs": [{}], "isMulticolor": false, "isMulticolor2": false, - "grid": 0, - "tags": ["db_ic_walking_fast_20"] + "tags": ["db_ic_walking_fast_20"], + "grid": 0 }, "attrs": [{}], "properties": { "order": 256, - "id": 30, + "id": 0, "name": "db_ic_walking_fast_20", "prevSize": 32, "code": 922137 }, "setIdx": 0, "setId": 0, - "iconIdx": 0 + "iconIdx": 2 }, { "icon": { @@ -38,14 +86,14 @@ "attrs": [{}], "properties": { "order": 267, - "id": 0, + "id": 1, "name": "db_ic_walking_20", "prevSize": 32, "code": 922177 }, "setIdx": 0, "setId": 0, - "iconIdx": 1 + "iconIdx": 3 }, { "icon": { @@ -61,14 +109,14 @@ "attrs": [{}], "properties": { "order": 294, - "id": 1, + "id": 2, "name": "db_ic_tram_20", "prevSize": 32, "code": 922128 }, "setIdx": 0, "setId": 0, - "iconIdx": 2 + "iconIdx": 4 }, { "icon": { @@ -84,14 +132,14 @@ "attrs": [{}], "properties": { "order": 293, - "id": 2, + "id": 3, "name": "db_ic_train_and_car_20", "prevSize": 32, "code": 922121 }, "setIdx": 0, "setId": 0, - "iconIdx": 3 + "iconIdx": 5 }, { "icon": { @@ -107,14 +155,14 @@ "attrs": [{}], "properties": { "order": 292, - "id": 3, + "id": 4, "name": "db_ic_taxi_20", "prevSize": 32, "code": 922120 }, "setIdx": 0, "setId": 0, - "iconIdx": 4 + "iconIdx": 6 }, { "icon": { @@ -130,14 +178,14 @@ "attrs": [{}], "properties": { "order": 291, - "id": 4, + "id": 5, "name": "db_ic_subway_20", "prevSize": 32, "code": 922119 }, "setIdx": 0, "setId": 0, - "iconIdx": 5 + "iconIdx": 7 }, { "icon": { @@ -153,14 +201,14 @@ "attrs": [{}], "properties": { "order": 266, - "id": 5, + "id": 6, "name": "db_ic_sprinter_20", "prevSize": 32, "code": 921928 }, "setIdx": 0, "setId": 0, - "iconIdx": 6 + "iconIdx": 8 }, { "icon": { @@ -176,14 +224,14 @@ "attrs": [{}], "properties": { "order": 290, - "id": 6, + "id": 7, "name": "db_ic_speedboat_20", "prevSize": 32, "code": 922118 }, "setIdx": 0, "setId": 0, - "iconIdx": 7 + "iconIdx": 9 }, { "icon": { @@ -200,14 +248,14 @@ "attrs": [{}, {}], "properties": { "order": 289, - "id": 7, + "id": 8, "name": "db_ic_sev_20", "prevSize": 32, "code": 922117 }, "setIdx": 0, "setId": 0, - "iconIdx": 8 + "iconIdx": 10 }, { "icon": { @@ -223,14 +271,14 @@ "attrs": [{}], "properties": { "order": 288, - "id": 8, + "id": 9, "name": "db_ic_scooter_20", "prevSize": 32, "code": 922116 }, "setIdx": 0, "setId": 0, - "iconIdx": 9 + "iconIdx": 11 }, { "icon": { @@ -246,14 +294,14 @@ "attrs": [{}], "properties": { "order": 287, - "id": 9, + "id": 10, "name": "db_ic_s_bahn_20", "prevSize": 32, "code": 922115 }, "setIdx": 0, "setId": 0, - "iconIdx": 10 + "iconIdx": 12 }, { "icon": { @@ -269,14 +317,14 @@ "attrs": [{}], "properties": { "order": 263, - "id": 10, + "id": 11, "name": "db_ic_railroad_car_20", "prevSize": 32, "code": 922003 }, "setIdx": 0, "setId": 0, - "iconIdx": 11 + "iconIdx": 13 }, { "icon": { @@ -292,14 +340,14 @@ "attrs": [{}], "properties": { "order": 262, - "id": 11, + "id": 12, "name": "db_ic_rail_and_fly_20", "prevSize": 32, "code": 921945 }, "setIdx": 0, "setId": 0, - "iconIdx": 12 + "iconIdx": 14 }, { "icon": { @@ -315,14 +363,14 @@ "attrs": [{}], "properties": { "order": 286, - "id": 12, + "id": 13, "name": "db_ic_long_distance_bus_20", "prevSize": 32, "code": 922114 }, "setIdx": 0, "setId": 0, - "iconIdx": 13 + "iconIdx": 15 }, { "icon": { @@ -338,14 +386,14 @@ "attrs": [{}], "properties": { "order": 270, - "id": 13, + "id": 14, "name": "db_ic_local_train_20", "prevSize": 32, "code": 922176 }, "setIdx": 0, "setId": 0, - "iconIdx": 14 + "iconIdx": 16 }, { "icon": { @@ -361,14 +409,14 @@ "attrs": [{}], "properties": { "order": 285, - "id": 14, + "id": 15, "name": "db_ic_local_bus_20", "prevSize": 32, "code": 922113 }, "setIdx": 0, "setId": 0, - "iconIdx": 15 + "iconIdx": 17 }, { "icon": { @@ -384,14 +432,14 @@ "attrs": [{}], "properties": { "order": 284, - "id": 15, + "id": 16, "name": "db_ic_intercity_train_20", "prevSize": 32, "code": 922134 }, "setIdx": 0, "setId": 0, - "iconIdx": 16 + "iconIdx": 18 }, { "icon": { @@ -407,14 +455,14 @@ "attrs": [{}], "properties": { "order": 265, - "id": 16, + "id": 17, "name": "db_ic_ice_side_view_20", "prevSize": 32, "code": 922248 }, "setIdx": 0, "setId": 0, - "iconIdx": 17 + "iconIdx": 19 }, { "icon": { @@ -430,14 +478,14 @@ "attrs": [{}], "properties": { "order": 283, - "id": 17, + "id": 18, "name": "db_ic_ice_20", "prevSize": 32, "code": 922112 }, "setIdx": 0, "setId": 0, - "iconIdx": 18 + "iconIdx": 20 }, { "icon": { @@ -453,14 +501,14 @@ "attrs": [{}], "properties": { "order": 282, - "id": 18, + "id": 19, "name": "db_ic_handcart_20", "prevSize": 32, "code": 922009 }, "setIdx": 0, "setId": 0, - "iconIdx": 19 + "iconIdx": 21 }, { "icon": { @@ -476,14 +524,14 @@ "attrs": [{}], "properties": { "order": 281, - "id": 19, + "id": 20, "name": "db_ic_ferry_20", "prevSize": 32, "code": 922008 }, "setIdx": 0, "setId": 0, - "iconIdx": 20 + "iconIdx": 22 }, { "icon": { @@ -499,14 +547,14 @@ "attrs": [{}], "properties": { "order": 280, - "id": 20, + "id": 21, "name": "db_ic_ev_car_20", "prevSize": 32, "code": 922007 }, "setIdx": 0, "setId": 0, - "iconIdx": 21 + "iconIdx": 23 }, { "icon": { @@ -522,14 +570,14 @@ "attrs": [{}], "properties": { "order": 279, - "id": 21, + "id": 22, "name": "db_ic_electric_scooter_20", "prevSize": 32, "code": 922006 }, "setIdx": 0, "setId": 0, - "iconIdx": 22 + "iconIdx": 24 }, { "icon": { @@ -545,14 +593,14 @@ "attrs": [{}], "properties": { "order": 278, - "id": 22, + "id": 23, "name": "db_ic_electric_locomotive_20", "prevSize": 32, "code": 922005 }, "setIdx": 0, "setId": 0, - "iconIdx": 23 + "iconIdx": 25 }, { "icon": { @@ -568,14 +616,14 @@ "attrs": [{}], "properties": { "order": 277, - "id": 23, + "id": 24, "name": "db_ic_carsharing_20", "prevSize": 32, "code": 922004 }, "setIdx": 0, "setId": 0, - "iconIdx": 24 + "iconIdx": 26 }, { "icon": { @@ -591,14 +639,14 @@ "attrs": [{}], "properties": { "order": 264, - "id": 24, + "id": 25, "name": "db_ic_car_sequence_20", "prevSize": 32, "code": 921927 }, "setIdx": 0, "setId": 0, - "iconIdx": 25 + "iconIdx": 27 }, { "icon": { @@ -614,14 +662,14 @@ "attrs": [{}], "properties": { "order": 276, - "id": 25, + "id": 26, "name": "db_ic_car_20", "prevSize": 32, "code": 921937 }, "setIdx": 0, "setId": 0, - "iconIdx": 26 + "iconIdx": 28 }, { "icon": { @@ -637,14 +685,14 @@ "attrs": [{}], "properties": { "order": 274, - "id": 26, + "id": 27, "name": "db_ic_call_a_bike_20", "prevSize": 32, "code": 922001 }, "setIdx": 0, "setId": 0, - "iconIdx": 27 + "iconIdx": 29 }, { "icon": { @@ -660,14 +708,14 @@ "attrs": [{}], "properties": { "order": 275, - "id": 27, + "id": 28, "name": "db_ic_bicycle_trailer_20", "prevSize": 32, "code": 922002 }, "setIdx": 0, "setId": 0, - "iconIdx": 28 + "iconIdx": 30 }, { "icon": { @@ -683,14 +731,14 @@ "attrs": [{}], "properties": { "order": 273, - "id": 28, + "id": 29, "name": "db_ic_bicycle_20", "prevSize": 32, "code": 922169 }, "setIdx": 0, "setId": 0, - "iconIdx": 29 + "iconIdx": 31 }, { "icon": { @@ -706,14 +754,14 @@ "attrs": [{}], "properties": { "order": 271, - "id": 29, + "id": 30, "name": "db_ic_airplane_20", "prevSize": 32, "code": 922000 }, "setIdx": 0, "setId": 0, - "iconIdx": 30 + "iconIdx": 32 } ], "height": 1024, diff --git a/assets/icons/functional/images/transportation/regular/db_ic_ev_bus_20.svg b/assets/icons/functional/images/transportation/regular/db_ic_ev_bus_20.svg new file mode 100644 index 000000000..fa85e39c7 --- /dev/null +++ b/assets/icons/functional/images/transportation/regular/db_ic_ev_bus_20.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/functional/images/transportation/regular/db_ic_ev_train_20.svg b/assets/icons/functional/images/transportation/regular/db_ic_ev_train_20.svg new file mode 100644 index 000000000..d2afdadec --- /dev/null +++ b/assets/icons/functional/images/transportation/regular/db_ic_ev_train_20.svg @@ -0,0 +1 @@ + diff --git a/source/_patterns/icons/functional/functional-icons~transportation.json b/source/_patterns/icons/functional/functional-icons~transportation.json index d933fe8d6..920596f2f 100644 --- a/source/_patterns/icons/functional/functional-icons~transportation.json +++ b/source/_patterns/icons/functional/functional-icons~transportation.json @@ -224,6 +224,14 @@ } ] }, + { + "icon": "ev_bus", + "variants": [ + { + "size": 20 + } + ] + }, { "icon": "ev_car", "variants": [ @@ -250,6 +258,14 @@ } ] }, + { + "icon": "ev_train", + "variants": [ + { + "size": 20 + } + ] + }, { "icon": "ferry", "variants": [