@lansforsakringar/icons 2.2.3 → 3.0.1

package/README.md

@@ -1,6 +1,6 @@
 # <img src="https://github.com/LF-digitala-kanaler/favicon/blob/master/icon.svg" width="24"> Länsförsäkringar Icons
 
-Crisp SVG icon library for Länsförsäkringar web development.
+SVG icon library for Länsförsäkringar web development.
 
 [Full icon reference →](https://lfds.netlify.app/visual-identity/graphics/icons/)
 
@@ -15,18 +15,20 @@ Crisp SVG icon library for Länsförsäkringar web development.
 # Getting started
 
 ```
-npm install @lansforsakringar/components
+npm install @lansforsakringar/icons
 ```
 
 # Usage
 
-Icons ships with **svg sprites**. They are self-hosted in your project (because of CORS), so you need to copy the icon sprites to your project from this package. This can be done manually, but preferably automaticlly. In below example, we're using `copyfiles`.
+The library provides a set of SVG sprites, each containing a comprehensive list of icons. The sprites act as categories: different icon sizes, mono-color, or multi-color.
+
+Because of CORS, the sprites will need to be self-hosted in your project. After installation, you need to copy the icon sprites to your code base from this package and make sure they are HTTP served. While the copy part can be done manually, it's easily done with a small script:
 
 ```
 npm install copyfiles --save-dev
 ```
 
-Add a script to your `package.json`. Make sure to keep the exact folder structure inside the sprite folder, so we don't load any unused sprites.
+Add a script to your `package.json`.
 
 ```json
 "script": {
@@ -34,7 +36,7 @@ Add a script to your `package.json`. Make sure to keep the exact folder structur
 }
 ```
 
-Now, use the the icons in your project
+Now, use the icons in your project.
 
 ```html
 <svg role="presentation" class="icon" width="20" height="20">
@@ -42,15 +44,15 @@ Now, use the the icons in your project
 </svg>
 ```
 
-The `.icon` is part of [Components][components] and helps with alignment. Colors are controlled with `currentColor`.
+The `.icon` CSS class is part of [Components][components] and helps with sizing and alignment. Colors are controlled with the native CSS keyword `currentColor`.
 
 # Bugs and feature requests
 
-If you with to report a bug or submit a feature request, feel free to [open an issue](https://github.com/LF-digitala-kanaler/LFUI-icons/issues/). The more information that you provide, the better.
+If you wish to report a bug or submit a feature request, feel free to [open an issue](https://github.com/LF-digitala-kanaler/LFUI-icons/issues/).
 
 # Contributing
 
-After cloning this repo, install the dependencies and build the icons.
+After cloning the repo, install the dependencies and build the icons.
 
 ```
 npm install
@@ -63,11 +65,11 @@ The latest and stable version is always in the `main` branch. New features and p
 
 When working on a new feature, begin by creating a new branch from `main`. After finishing your work, squash merge `main` into your branch and then create a pull request.
 
-Please document the changes that you make in the pull request, along with potential changes to existing classes or variables that should be added to a migration guide later on.
+Please document the changes that you make in the pull request, along with potential changes to existing classes or variables that are to be added to a migration guide later on.
 
 ## Adding an icon
 
-Export icon from sketch/figma and make sure to only use filled outlines of the color `#ff0000`. That color will be transformed to `currentColor` when the icon sprites are built.
+Export your icon from Sketch or Figma. Make sure to use only filled outlines and in color `#ff0000`. The build script will replace that exact HEX with `currentColor`.
 
 Place the new icon in `src/{size}` and build, `npm run build`.
 
@@ -81,7 +83,7 @@ npm test
 
 # Making a release
 
-When the pull request is accepted and merged, a Github Action will automatically create a new minor release and bumb the version. You can control the release type with your [commit message](https://github.com/mathieudutour/github-tag-action#bumping)
+Releases to npm are manually done. Don't forget to run the build script before publishing a new release.
 
 [components]: https://github.com/LF-digitala-kanaler/LFUI-components
 [standard]: https://standardjs.com

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lansforsakringar/icons",
-  "version": "2.2.3",
+  "version": "3.0.1",
   "description": "LFUI icons",
   "repository": "https://github.com/LF-digitala-kanaler/LFUI-icons.git",
   "license": "MIT",

package/src/svg/24/phone-24.svg

@@ -1,12 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>phone-24</title>
+    <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
+    <title>Icons/24px/mobile-phone-24</title>
     <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="phone-24" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g transform="translate(12.000000, 12.000000) rotate(-73.000000) translate(-12.000000, -12.000000) translate(3.000000, 3.000000)" fill="#FF0000" fill-rule="nonzero" id="Fill-1">
-            <path d="M4.1511387,15.6155522 C4.20840863,15.6722451 4.30925649,15.713 4.41403705,15.713 C4.51833032,15.713 4.61964501,15.672134 4.67677673,15.6157202 L7.14749924,13.173984 C7.21526298,13.1068814 7.24903705,13.025745 7.24903705,12.929 C7.24903705,12.8329816 7.21470972,12.7507233 7.14748272,12.6839771 L5.27058885,10.831146 L5.60452681,9.78000036 C5.83763437,9.04624134 6.39367924,8.21937486 7.35254621,7.27294807 C8.31429224,6.32214228 9.12145054,5.79155091 9.82731518,5.54538803 L10.8870838,5.17580486 L11.6853508,5.96477312 L12.8015447,7.06796476 C12.8920983,7.15749064 13.2343526,7.1573394 13.3245266,7.06796738 L15.7945917,4.625929 C15.8652048,4.55634174 15.899037,4.47579085 15.899037,4.381 C15.899037,4.28553386 15.8655753,4.20571975 15.7948194,4.13632201 L14.3536354,2.7121401 C14.1127544,2.47403249 13.6063654,2.3 12.906037,2.3 C11.1191874,2.3 8.74191056,3.26485027 6.00648499,5.96809433 C3.9928104,7.95872917 2.91000475,9.8122721 2.48748408,11.4313705 C2.14016382,12.7596073 2.29980949,13.7845259 2.7131387,14.1925522 L4.1511387,15.6155522 Z M2.88503705,16.895 L1.44703705,15.472 C0.51203705,14.549 0.25103705,12.869 0.74603705,10.976 C1.12103705,9.539 2.11903705,7.28 4.74103705,4.688 C8.56603705,0.908 11.725037,0.5 12.906037,0.5 C14.049037,0.5 15.011037,0.831 15.619037,1.432 L17.060037,2.856 C17.471037,3.259 17.699037,3.802 17.699037,4.381 C17.699037,4.959 17.471037,5.501 17.058037,5.908 L14.590037,8.348 C13.801037,9.13 12.329037,9.132 11.536037,8.348 L10.420037,7.245 C10.182037,7.328 9.58503705,7.597 8.61803705,8.553 C7.69303705,9.466 7.40803705,10.048 7.32003705,10.325 L8.41203705,11.403 C8.82303705,11.811 9.04903705,12.353 9.04903705,12.929 C9.04903705,13.505 8.82403705,14.047 8.41403705,14.453 L5.94203705,16.896 C5.54403705,17.289 4.98703705,17.513 4.41403705,17.513 C3.83903705,17.513 3.28203705,17.288 2.88503705,16.895 Z"></path>
+    <defs>
+        <path d="M14,17 C14,18.6568542 12.6568542,20 11,20 L3,20 C1.34314575,20 0,18.6568542 0,17 L0,3 C0,1.34314575 1.34314575,0 3,0 L11,0 C12.6568542,0 14,1.34314575 14,3 L14,17 Z M12,13.5 L2,13.5 L2,17 C2,17.5522847 2.44771525,18 3,18 L11,18 C11.5522847,18 12,17.5522847 12,17 L12,13.5 Z M7,14 C7.82842712,14 8.5,14.6715729 8.5,15.5 C8.5,16.3284271 7.82842712,17 7,17 C6.17157288,17 5.5,16.3284271 5.5,15.5 C5.5,14.6715729 6.17157288,14 7,14 Z M12,4.5 L2,4.5 L2,12.5 L12,12.5 L12,4.5 Z M11,2 L3,2 C2.44771525,2 2,2.44771525 2,3 L2,3.5 L12,3.5 L12,3 C12,2.44771525 11.5522847,2 11,2 Z" id="path-1"></path>
+    </defs>
+    <g id="Icons/24px/mobile-phone-24" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g>
+            <rect id="invisible-24" x="0" y="0" width="24" height="24"></rect>
+            <g id="outlines" transform="translate(5.000000, 2.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <use id="Combined-Shape" fill="#FF0000" fill-rule="nonzero" xlink:href="#path-1"></use>
+            </g>
         </g>
     </g>
 </svg>

package/src/svg/24/phone-retro-24.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>phone-24</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="phone-24" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(12.000000, 12.000000) rotate(-73.000000) translate(-12.000000, -12.000000) translate(3.000000, 3.000000)" fill="#FF0000" fill-rule="nonzero" id="Fill-1">
+            <path d="M4.1511387,15.6155522 C4.20840863,15.6722451 4.30925649,15.713 4.41403705,15.713 C4.51833032,15.713 4.61964501,15.672134 4.67677673,15.6157202 L7.14749924,13.173984 C7.21526298,13.1068814 7.24903705,13.025745 7.24903705,12.929 C7.24903705,12.8329816 7.21470972,12.7507233 7.14748272,12.6839771 L5.27058885,10.831146 L5.60452681,9.78000036 C5.83763437,9.04624134 6.39367924,8.21937486 7.35254621,7.27294807 C8.31429224,6.32214228 9.12145054,5.79155091 9.82731518,5.54538803 L10.8870838,5.17580486 L11.6853508,5.96477312 L12.8015447,7.06796476 C12.8920983,7.15749064 13.2343526,7.1573394 13.3245266,7.06796738 L15.7945917,4.625929 C15.8652048,4.55634174 15.899037,4.47579085 15.899037,4.381 C15.899037,4.28553386 15.8655753,4.20571975 15.7948194,4.13632201 L14.3536354,2.7121401 C14.1127544,2.47403249 13.6063654,2.3 12.906037,2.3 C11.1191874,2.3 8.74191056,3.26485027 6.00648499,5.96809433 C3.9928104,7.95872917 2.91000475,9.8122721 2.48748408,11.4313705 C2.14016382,12.7596073 2.29980949,13.7845259 2.7131387,14.1925522 L4.1511387,15.6155522 Z M2.88503705,16.895 L1.44703705,15.472 C0.51203705,14.549 0.25103705,12.869 0.74603705,10.976 C1.12103705,9.539 2.11903705,7.28 4.74103705,4.688 C8.56603705,0.908 11.725037,0.5 12.906037,0.5 C14.049037,0.5 15.011037,0.831 15.619037,1.432 L17.060037,2.856 C17.471037,3.259 17.699037,3.802 17.699037,4.381 C17.699037,4.959 17.471037,5.501 17.058037,5.908 L14.590037,8.348 C13.801037,9.13 12.329037,9.132 11.536037,8.348 L10.420037,7.245 C10.182037,7.328 9.58503705,7.597 8.61803705,8.553 C7.69303705,9.466 7.40803705,10.048 7.32003705,10.325 L8.41203705,11.403 C8.82303705,11.811 9.04903705,12.353 9.04903705,12.929 C9.04903705,13.505 8.82403705,14.047 8.41403705,14.453 L5.94203705,16.896 C5.54403705,17.289 4.98703705,17.513 4.41403705,17.513 C3.83903705,17.513 3.28203705,17.288 2.88503705,16.895 Z"></path>
+        </g>
+    </g>
+</svg>

package/src/svg/32/arrows-apart-32.svg

@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>arrows-apart-32</title>
+    <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
+    <title>Icons/32px/arrows-apart-32</title>
     <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="arrows-apart-32" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <polygon id="arrows-apart-32-crop" fill="#FF0000" points="12 3.79990019 1.47000003 13 12 22.4839002 12 16.9849002 22 16.9849002 22 14.1159002 27.451 19 22 23.8109002 22 20.9849002 14 20.9849002 14 22.9849002 20 22.9849002 20 28.1589002 30.517 19 20 9.74090019 20 14.9849002 10 14.9849002 10 18.0089002 4.49800003 13 10 8.16990019 10 10.9849002 18 10.9849002 18 8.98490019 12 8.98490019"></polygon>
+    <g id="Icons/32px/arrows-apart-32" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g fill="#FF0000" fill-rule="nonzero" id="lines">
+            <g transform="translate(3.000000, 6.000000)">
+                <polygon id="Path-2" points="8.8 2.85714286 8.8 -2.33333333 -1.50674456 7.48261387 8.8 15.9771836 8.8 11 19.2 11 19.2 8.26289785 24.4932554 12.625471 19.2 17.6666667 19.2 15.1428571 11.7 15.1428571 11.7 17.1428571 17.2 17.1428571 17.2 22.3333333 27.5067446 12.5173861 17.2 4.02281644 17.2 9 6.8 9 6.8 11.7371022 1.50674456 7.37452899 6.8 2.33333333 6.8 4.85714286 14.3 4.85714286 14.3 2.85714286"></polygon>
+            </g>
+        </g>
     </g>
 </svg>

package/src/svg/32/card-32.svg

@@ -1,13 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>card-32</title>
+    <title>navigation-card-32</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
-    <g id="card-32" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="card-32-crop" transform="translate(3.000000, 7.000000)" fill="#FF0000">
-            <path d="M23.8027,15.6875 C23.6157,15.8885 23.3317,15.9995 23.0037,15.9995 L3.0147,15.9995 C2.4927,15.9995 1.9997,15.5585 1.9997,15.0905 L1.9997,6.9995 L23.9947,6.9995 L23.9957,15.1625 C24.0137,15.4065 23.9007,15.5825 23.8027,15.6875 L23.8027,15.6875 Z M3.0147,1.9995 L23.0037,1.9995 C23.3057,1.9995 23.6027,2.1245 23.7967,2.3335 C23.8787,2.4205 24.0127,2.6035 23.9937,2.9085 L23.9937,4.9995 L1.9997,4.9995 L1.9997,2.9085 C1.9997,2.4415 2.4927,1.9995 3.0147,1.9995 L3.0147,1.9995 Z M25.9907,2.9795 C26.0437,2.2465 25.7847,1.5325 25.2607,0.9705 C24.6867,0.3535 23.8647,-0.0005 23.0037,-0.0005 L3.0147,-0.0005 C1.3807,-0.0005 -0.0003,1.3325 -0.0003,2.9085 L-0.0003,15.0905 C-0.0003,16.6675 1.3807,18.0005 3.0147,18.0005 L23.0037,18.0005 C23.8797,18.0005 24.7047,17.6535 25.2667,17.0495 C25.7877,16.4905 26.0447,15.7695 25.9937,15.0905 L25.9907,2.9795 Z" id="Fill-1"></path>
-            <polygon id="Fill-4" points="3.994 11 9.994 11 9.994 9 3.994 9"></polygon>
+    <g id="navigation-card-32" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="navigation-card-crop" transform="translate(2.000000, 6.000000)" fill="#FF0000" fill-rule="nonzero">
+            <path d="M2,16 L2,3 C2,2.55228475 2.55228475,2 3,2 L25,2 C25.4477153,2 26,2.55228475 26,3 L26,16 C26,16.4477153 25.4477153,17 25,17 L3,17 C2.55228475,17 2,16.4477153 2,16 Z M25,19 C26.5522847,19 28,17.5522847 28,16 L28,3 C28,1.44771525 26.5522847,0 25,0 L3,0 C1.44771525,0 0,1.44771525 0,3 L0,16 C0,17.5522847 1.44771525,19 3,19 L25,19 Z" id="Shape"></path>
+            <polygon id="Shape" points="2 4 2 6 26 6 26 4"></polygon>
+            <polygon id="Shape" points="9.99999998 11 9.99999998 9 3.99999998 9 3.99999998 11"></polygon>
         </g>
     </g>
 </svg>

package/src/svg/32/parasol-32.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>pension-32</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="pension-32" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="pension-32-crop" transform="translate(0.000000, 2.000000)" fill="#FF0000" fill-rule="nonzero">
+            <polygon id="Stroke-1" points="23.5 0 20 0 20 2 23.5 2"></polygon>
+            <path d="M30,5 C27.2385763,5 25,2.76142375 25,0 L27,0 C27,1.65685425 28.3431458,3 30,3 L30,5 Z" id="Oval"></path>
+            <polygon id="Stroke-2" transform="translate(29.000000, 8.250000) rotate(90.000000) translate(-29.000000, -8.250000) " points="30.75 7.25 27.25 7.25 27.25 9.25 30.75 9.25"></polygon>
+            <polygon id="Stroke-2" transform="translate(23.894544, 6.144543) rotate(135.000000) translate(-23.894544, -6.144543) " points="25.6445444 5.14454346 22.1445444 5.14454346 22.1445444 7.14454346 25.6445444 7.14454346"></polygon>
+            <g id="Page-1" transform="translate(12.258290, 14.684952) rotate(-6.000000) translate(-12.258290, -14.684952) translate(1.258290, 4.184952)">
+                <path d="M14.0293996,7.90650546 L16.0186433,8.11364997 C15.9822396,8.4644722 16.6259143,9.39828818 17.1139425,9.44837257 L18.6438817,9.61702946 C18.7440825,9.62731322 18.8961959,9.49394103 18.9125422,9.336414 L19.0285358,8.22582445 L11.5987666,2.3332308 L3.11112152,6.55248336 L2.98330777,7.76854428 C2.9687755,7.90859146 3.01444583,7.9667398 3.13245167,7.97885393 L4.70401056,8.14403362 C5.20231086,8.19535502 6.0298514,7.4282163 6.07294222,7.07363462 L8.06029806,7.2974856 C8.02508922,7.63679256 8.67679973,8.56279836 9.16734783,8.61314708 L12.6593892,8.98017542 C13.1470841,9.02917377 13.9943352,8.24205702 14.0293996,7.90650546 Z M12.4544044,10.9696441 L8.96072411,10.6024436 C8.13323035,10.5175166 7.37455582,9.98464636 6.84090409,9.30023101 C6.17768914,9.85641821 5.32694648,10.2187701 4.49703112,10.1332936 L2.92582795,9.96815045 C1.69535632,9.84186525 0.866883132,8.78703729 0.99412657,7.56080307 L1.24409884,5.18247577 L11.8386187,0.0489587681 L21.1389148,7.27315159 L21.0783153,7.85336621 L20.9017915,9.54350493 C20.7748976,10.7663798 19.672349,11.7330883 18.4342052,11.6060004 L16.9043027,11.4373473 C16.075517,11.3523186 15.3212001,10.8169815 14.7918346,10.1296071 C14.126074,10.6881566 13.2748709,11.0538193 12.4544044,10.9696441 Z" id="Stroke-1"></path>
+                <polygon id="Stroke-7" points="9.8202001 9.6872729 8.67038701 20.6270137 10.6594308 20.8360707 11.8092439 9.8963298"></polygon>
+            </g>
+            <path d="M30,26 C28.625,26 27.6004428,25.6126624 25.9400005,24.3544652 C24.0373074,22.912703 22.6556626,22.4000015 20.4853334,22.4000015 C18.3135416,22.4000015 16.9284342,22.91244 15.0200005,24.353648 C13.3531734,25.6123998 12.3506444,26 10.5500002,26 L2,26 L2,28 L10.9511667,28 C13.1224554,28 14.2532523,27.4876399 16.1614774,26.0465895 C17.8285124,24.7876806 18.6841738,24.4000015 20.4853334,24.4000015 C22.2841599,24.4000015 23.1368749,24.7872601 24.7971107,26.0453008 C26.7000109,27.48722 27.8291681,28 30,28 L30,26 Z" id="Page-1"></path>
+        </g>
+    </g>
+</svg>

package/src/svg/32/pension-32.svg

@@ -1,20 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>pension-32</title>
+    <title>navigation-pension-32</title>
     <desc>Created with Sketch.</desc>
     <defs></defs>
-    <g id="pension-32" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="pension-32-crop" transform="translate(0.000000, 2.000000)" fill="#FF0000" fill-rule="nonzero">
-            <polygon id="Stroke-1" points="23.5 0 20 0 20 2 23.5 2"></polygon>
-            <path d="M30,5 C27.2385763,5 25,2.76142375 25,0 L27,0 C27,1.65685425 28.3431458,3 30,3 L30,5 Z" id="Oval"></path>
-            <polygon id="Stroke-2" transform="translate(29.000000, 8.250000) rotate(90.000000) translate(-29.000000, -8.250000) " points="30.75 7.25 27.25 7.25 27.25 9.25 30.75 9.25"></polygon>
-            <polygon id="Stroke-2" transform="translate(23.894544, 6.144543) rotate(135.000000) translate(-23.894544, -6.144543) " points="25.6445444 5.14454346 22.1445444 5.14454346 22.1445444 7.14454346 25.6445444 7.14454346"></polygon>
-            <g id="Page-1" transform="translate(12.258290, 14.684952) rotate(-6.000000) translate(-12.258290, -14.684952) translate(1.258290, 4.184952)">
-                <path d="M14.0293996,7.90650546 L16.0186433,8.11364997 C15.9822396,8.4644722 16.6259143,9.39828818 17.1139425,9.44837257 L18.6438817,9.61702946 C18.7440825,9.62731322 18.8961959,9.49394103 18.9125422,9.336414 L19.0285358,8.22582445 L11.5987666,2.3332308 L3.11112152,6.55248336 L2.98330777,7.76854428 C2.9687755,7.90859146 3.01444583,7.9667398 3.13245167,7.97885393 L4.70401056,8.14403362 C5.20231086,8.19535502 6.0298514,7.4282163 6.07294222,7.07363462 L8.06029806,7.2974856 C8.02508922,7.63679256 8.67679973,8.56279836 9.16734783,8.61314708 L12.6593892,8.98017542 C13.1470841,9.02917377 13.9943352,8.24205702 14.0293996,7.90650546 Z M12.4544044,10.9696441 L8.96072411,10.6024436 C8.13323035,10.5175166 7.37455582,9.98464636 6.84090409,9.30023101 C6.17768914,9.85641821 5.32694648,10.2187701 4.49703112,10.1332936 L2.92582795,9.96815045 C1.69535632,9.84186525 0.866883132,8.78703729 0.99412657,7.56080307 L1.24409884,5.18247577 L11.8386187,0.0489587681 L21.1389148,7.27315159 L21.0783153,7.85336621 L20.9017915,9.54350493 C20.7748976,10.7663798 19.672349,11.7330883 18.4342052,11.6060004 L16.9043027,11.4373473 C16.075517,11.3523186 15.3212001,10.8169815 14.7918346,10.1296071 C14.126074,10.6881566 13.2748709,11.0538193 12.4544044,10.9696441 Z" id="Stroke-1"></path>
-                <polygon id="Stroke-7" points="9.8202001 9.6872729 8.67038701 20.6270137 10.6594308 20.8360707 11.8092439 9.8963298"></polygon>
-            </g>
-            <path d="M30,26 C28.625,26 27.6004428,25.6126624 25.9400005,24.3544652 C24.0373074,22.912703 22.6556626,22.4000015 20.4853334,22.4000015 C18.3135416,22.4000015 16.9284342,22.91244 15.0200005,24.353648 C13.3531734,25.6123998 12.3506444,26 10.5500002,26 L2,26 L2,28 L10.9511667,28 C13.1224554,28 14.2532523,27.4876399 16.1614774,26.0465895 C17.8285124,24.7876806 18.6841738,24.4000015 20.4853334,24.4000015 C22.2841599,24.4000015 23.1368749,24.7872601 24.7971107,26.0453008 C26.7000109,27.48722 27.8291681,28 30,28 L30,26 Z" id="Page-1"></path>
+    <g id="navigation-pension-32" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="navigation-pension-32-crop" transform="translate(1.000000, 3.000000)" fill="#FF0000">
+            <path d="M15.004,-0.0003 L9.81200004,8.9997 L20.197,8.9997 L15.004,-0.0003 Z M15.004,4.0017 L16.734,6.9997 L13.275,6.9997 L15.004,4.0017 Z M9.23500004,9.9997 L5.19700004,16.9997 L24.812,16.9997 L20.774,9.9997 L9.23500004,9.9997 Z M10.39,12.0007 L19.618,12.0007 L21.349,14.9997 L8.66000004,14.9997 L10.39,12.0007 Z M4.62000004,17.9997 L0.580000043,25.0027 L29.428,25.0007 L25.389,17.9997 L4.62000004,17.9997 Z M5.77400004,19.9997 L24.233,19.9997 L25.965,23.0007 L4.04300004,23.0027 L5.77400004,19.9997 Z" id="Page-1"></path>
         </g>
     </g>
 </svg>

package/src/svg/32/phone-32.svg

@@ -1,12 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>phone-32</title>
+    <!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
+    <title>Icons/32px/mobile-phone-32</title>
     <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="phone-32" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="phone-32-crop" transform="translate(16.000000, 16.000000) rotate(-72.000000) translate(-16.000000, -16.000000) translate(5.000000, 5.000000)" fill="#FF0000">
-            <path d="M16.610088,8.35736 C16.390088,8.57736 15.901688,8.57736 15.675528,8.35384 L13.674408,6.37824 L13.474648,6.31488 C12.796168,6.09576 11.276408,6.10808 8.731448,8.62488 C6.111688,11.21208 6.218168,12.77144 6.385368,13.32056 L6.450488,13.53352 L8.457768,15.51616 C8.579208,15.63672 8.645208,15.796 8.646088,15.9676 C8.646088,16.13744 8.579208,16.29672 8.460408,16.41464 L5.200008,19.6372 C4.972088,19.86248 4.487208,19.86424 4.259288,19.63896 L2.357608,17.75752 C1.962488,17.3668 1.445048,16.12512 2.015288,13.94448 C2.440328,12.31296 3.83196004,10.10108 6.94100004,7.02899996 C11.40788,2.61315996 14.650328,1.76 15.937768,1.76 C16.849448,1.76 17.590408,1.97648 17.972328,2.354 L19.875768,4.23456 C19.998968,4.356 20.064088,4.51176 20.064088,4.68336 C20.064088,4.85496 19.998968,5.00984 19.874888,5.13216 L16.610088,8.35736 Z M19.209608,1.10264 C18.491528,0.3916 17.329048,0 15.937768,0 C14.432968,0 10.63524,0.902439958 5.70372004,5.77763996 C2.31044004,9.12955996 0.792088,11.65648 0.312488,13.50008 C-0.301752,15.84528 0.000968,17.90536 1.120328,19.00976 L3.022008,20.89032 C3.463768,21.3268 4.085928,21.57672 4.727448,21.57672 C5.370728,21.57672 5.992888,21.3268 6.436408,20.89032 L9.699448,17.66424 C10.155288,17.21192 10.406088,16.60824 10.406088,15.96672 C10.405208,15.32344 10.154408,14.72064 9.695928,14.2648 L8.080248,12.66936 C8.125128,12.32616 8.406728,11.41976 9.968728,9.87624 C11.571208,8.29224 12.487288,8.0344 12.807608,7.99568 L14.438248,9.60696 C15.323528,10.47992 16.978808,10.47464 17.850008,9.60608 L21.112168,6.38352 C21.571528,5.93032 21.824088,5.32664 21.824088,4.68336 C21.824088,4.0392 21.570648,3.43376 21.112168,2.9832 L19.209608,1.10264 Z" id="Fill-1"></path>
+    <defs>
+        <path d="M15,0 C16.6568542,0 18,1.34314575 18,3 L18,25 C18,26.6568542 16.6568542,28 15,28 L3,28 C1.34314575,28 0,26.6568542 0,25 L0,3 C0,1.34314575 1.34314575,0 3,0 L15,0 Z M16,21 L2,21 L2,25 C2,25.5522847 2.44771525,26 3,26 L15,26 C15.5522847,26 16,25.5522847 16,25 L16,21 Z M9,22 C9.82842712,22 10.5,22.6715729 10.5,23.5 C10.5,24.3284271 9.82842712,25 9,25 C8.17157288,25 7.5,24.3284271 7.5,23.5 C7.5,22.6715729 8.17157288,22 9,22 Z M2,6 L2,19 L16,19 L16,6 L2,6 Z M2,4 L16,4 L16,3 C16,2.44771525 15.5522847,2 15,2 L3,2 C2.44771525,2 2,2.44771525 2,3 L2,4 Z" id="path-1"></path>
+    </defs>
+    <g id="Icons/32px/mobile-phone-32" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g>
+            <rect id="invisible-32" x="0" y="0" width="32" height="32"></rect>
+            <g id="outlines" transform="translate(7.000000, 2.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <use id="Combined-Shape" fill="#FF0000" fill-rule="nonzero" xlink:href="#path-1"></use>
+            </g>
         </g>
     </g>
 </svg>

package/src/svg/32/phone-retro-32.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>phone-32</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="phone-32" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="phone-32-crop" transform="translate(16.000000, 16.000000) rotate(-72.000000) translate(-16.000000, -16.000000) translate(5.000000, 5.000000)" fill="#FF0000">
+            <path d="M16.610088,8.35736 C16.390088,8.57736 15.901688,8.57736 15.675528,8.35384 L13.674408,6.37824 L13.474648,6.31488 C12.796168,6.09576 11.276408,6.10808 8.731448,8.62488 C6.111688,11.21208 6.218168,12.77144 6.385368,13.32056 L6.450488,13.53352 L8.457768,15.51616 C8.579208,15.63672 8.645208,15.796 8.646088,15.9676 C8.646088,16.13744 8.579208,16.29672 8.460408,16.41464 L5.200008,19.6372 C4.972088,19.86248 4.487208,19.86424 4.259288,19.63896 L2.357608,17.75752 C1.962488,17.3668 1.445048,16.12512 2.015288,13.94448 C2.440328,12.31296 3.83196004,10.10108 6.94100004,7.02899996 C11.40788,2.61315996 14.650328,1.76 15.937768,1.76 C16.849448,1.76 17.590408,1.97648 17.972328,2.354 L19.875768,4.23456 C19.998968,4.356 20.064088,4.51176 20.064088,4.68336 C20.064088,4.85496 19.998968,5.00984 19.874888,5.13216 L16.610088,8.35736 Z M19.209608,1.10264 C18.491528,0.3916 17.329048,0 15.937768,0 C14.432968,0 10.63524,0.902439958 5.70372004,5.77763996 C2.31044004,9.12955996 0.792088,11.65648 0.312488,13.50008 C-0.301752,15.84528 0.000968,17.90536 1.120328,19.00976 L3.022008,20.89032 C3.463768,21.3268 4.085928,21.57672 4.727448,21.57672 C5.370728,21.57672 5.992888,21.3268 6.436408,20.89032 L9.699448,17.66424 C10.155288,17.21192 10.406088,16.60824 10.406088,15.96672 C10.405208,15.32344 10.154408,14.72064 9.695928,14.2648 L8.080248,12.66936 C8.125128,12.32616 8.406728,11.41976 9.968728,9.87624 C11.571208,8.29224 12.487288,8.0344 12.807608,7.99568 L14.438248,9.60696 C15.323528,10.47992 16.978808,10.47464 17.850008,9.60608 L21.112168,6.38352 C21.571528,5.93032 21.824088,5.32664 21.824088,4.68336 C21.824088,4.0392 21.570648,3.43376 21.112168,2.9832 L19.209608,1.10264 Z" id="Fill-1"></path>
+        </g>
+    </g>
+</svg>

package/src/svg/40/phone-40.svg

@@ -1,15 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>phone-40</title>
+    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
+    <title>Icons/40px/mobile-phone-40</title>
     <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="phone-40" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="phone-40-crop" transform="translate(9.000000, 3.000000)" fill="#FF0000">
-            <path d="M2,3.31855463 C2,2.627521 2.62456025,2 3.3076153,2 L18.6923847,2 C19.3754398,2 20,2.627521 20,3.31855463 L20,30.6814454 C20,31.3722922 19.375624,32 18.6923847,32 L3.3076153,32 C2.57651007,32 2,31.4061572 2,30.6814454 L2,3.31855463 Z M3.3076153,34 L18.6923847,34 C20.4825832,34 22,32.474486 22,30.6814454 L22,3.31855463 C22,1.52506334 20.4821322,0 18.6923847,0 L3.3076153,0 C1.51786784,0 0,1.52506334 0,3.31855463 L0,30.6814454 C0,32.4976859 1.45846537,34 3.3076153,34 Z" id="Shape" fill-rule="nonzero"></path>
-            <polygon id="Shape" fill-rule="nonzero" points="20 9 20 7 2 7 2 9"></polygon>
-            <polygon id="Shape" fill-rule="nonzero" points="20 27 20 25 2 25 2 27"></polygon>
-            <path d="M12.5,29.4990007 C12.5,30.3284477 11.828,31 11,31 C10.169,31 9.5,30.3284477 9.5,29.4990007 C9.5,28.6715523 10.17,28 11,28 C11.828,28 12.5,28.6715523 12.5,29.4990007 Z" id="Shape"></path>
+    <g id="Icons/40px/mobile-phone-40" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g>
+            <rect id="invisible-40" x="0" y="0" width="40" height="40"></rect>
+            <g id="lines" transform="translate(10.000000, 3.000000)" fill="#FF0000">
+                <path d="M2,-1 L18,-1 C19.6568542,-1 21,0.343145751 21,2 L21,32 C21,33.6568542 19.6568542,35 18,35 L2,35 C0.343145751,35 -1,33.6568542 -1,32 L-1,2 C-1,0.343145751 0.343145751,-1 2,-1 Z M2,1 C1.44771525,1 1,1.44771525 1,2 L1,32 C1,32.5522847 1.44771525,33 2,33 L18,33 C18.5522847,33 19,32.5522847 19,32 L19,2 C19,1.44771525 18.5522847,1 18,1 L2,1 Z" id="Rectangle-7" fill-rule="nonzero"></path>
+                <circle id="Oval-2" cx="10" cy="30.5" r="1.5"></circle>
+                <polygon id="Path-3" fill-rule="nonzero" points="0 28 19 28 19 26 0 26"></polygon>
+                <polygon id="Path-3" fill-rule="nonzero" points="0 5 19 5 19 3 0 3"></polygon>
+            </g>
         </g>
     </g>
 </svg>

package/src/svg/40-color/damage-multicolor-40.svg

@@ -1,23 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="28px" height="32px" viewBox="0 0 28 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
-    <title>Icons/40px/damage-40</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path d="M22,30 L26,30 L26,19.5028702 L19.4615385,14.6457274 L19.4615385,10.2857143 L14.6334751,10.2857143 L13.2365686,7.69145922 L9,6.38014038 L9,2 L2,2 L2,17.3 L9.91573643,17.3 L12.926698,15.8579079 L18.1326939,19.1824386 L16.8097051,22.9842904 L22,25.4701685 L22,30 Z M20,30 L20,26.7298315 L14.333152,24.0157096 L15.724449,20.0175614 L12.7875877,18.1420921 L10.3699779,19.3 L2,19.3 L2,30 L5,30 L5,32 L0,32 L0,0 L28,0 L28,32 L17,32 L17,30 L20,30 Z M26,17.0114155 L26,2 L11,2 L11,4.90557391 L14.6095853,6.02282649 L15.8280633,8.28571429 L21.4615385,8.28571429 L21.4615385,13.6399869 L26,17.0114155 Z" id="path-1"></path>
-    </defs>
-    <g id="Icons-40-multicolor" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="damage-multicolor-40" transform="translate(-6.000000, -4.000000)">
-            <g id="Icons/40px/damage-40">
-                <polygon id="Rectangle-7" fill="#E30613" fill-rule="nonzero" points="21 34 21 36 13 36 13 34"></polygon>
-                <rect id="invisible-40" x="0" y="0" width="40" height="40"></rect>
-                <g id="outlines" transform="translate(6.000000, 4.000000)">
-                    <mask id="mask-2" fill="white">
-                        <use xlink:href="#path-1"></use>
-                    </mask>
-                    <use id="Combined-Shape" fill="#FF0000" fill-rule="nonzero" xlink:href="#path-1"></use>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
+<svg height="32" viewBox="0 0 28 32" width="28" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(-6 -4)"><path d="m21 34v2h-8v-2z" fill="#e30613" fill-rule="nonzero"/><path d="m0 0h40v40h-40z"/><path d="m22 30h4v-10.4971298l-6.5384615-4.8571428v-4.3600131h-4.8280634l-1.3969065-2.59425508-4.2365686-1.31131884v-4.38014038h-7v15.3h7.91573643l3.01096157-1.4420921 5.2059959 3.3245307-1.3229888 3.8018518 5.1902949 2.4858781zm-2 0v-3.2701685l-5.666848-2.7141219 1.391297-3.9981482-2.9368613-1.8754693-2.4176098 1.1579079h-8.3699779v10.7h3v2h-5v-32h28v32h-11v-2zm6-12.9885845v-15.0114155h-15v2.90557391l3.6095853 1.11725258 1.218478 2.2628878h5.6334752v5.35427261z" fill="#f00" fill-rule="nonzero" transform="translate(6 4)"/></g></svg>

package/src/svg/70/pension-capital-70.svg

@@ -0,0 +1,3 @@
+<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M55.7666 47.8692L63 60.8692H7L14.1422 47.8692H55.7666ZM54.5907 49.8692H15.3254L10.3808 58.8692H59.5984L54.5907 49.8692ZM46.6453 30.8692L55.1158 45.8692H15.141L23.3575 30.8692H46.6453ZM35 9L45.8914 28.8692H24.1788L35 9Z" fill="#FF0000"/>
+</svg>