Use SVG icons from global symbols

Allow to change color and avoid code duplication

src/style/atoms/_box-cta.scss

@@ -21,6 +21,7 @@
     .icon {
         width: 36px;
         height: 36px;
+        color: #fff;
         flex-shrink: 0;
         transition: transform 0.6s var(--ease-quart);
 
@@ -30,11 +31,10 @@
             height: 48px;
         }
 
-        img {
+        svg {
             display: block;
             width: 100%;
             height: 100%;
-            object-fit: contain;
         }
     }
     span {

src/style/atoms/_button-cart.scss

@@ -9,7 +9,8 @@
     }
 
     // Icon
-    img {
+    svg {
+        color: #fff;
         display: block;
         width: 27px;
         height: 27px;

src/style/molecules/_switcher.scss

@@ -51,6 +51,7 @@
             height: 32px;
             object-fit: contain;
             margin-right: 16px;
+            color: $color-secondary-light;
         }
     }
 

src/style/organisms/_cart.scss

@@ -54,6 +54,7 @@
     &__content {
         position: relative;
         flex: 1;
+        margin-bottom: 32px;
     }
 
     // Total
@@ -61,10 +62,6 @@
         margin-top: auto;
         color: $color-gray;
 
-        @include bp (md) {
-            margin: 32px 0 0;
-        }
-
         // Sum
         &--sum {
             display: flex;
@@ -136,23 +133,34 @@
         justify-content: center;
         height: 100%;
         padding: 24px;
-        font-size: rem(20px);
+        font-size: rem(16px);
         font-weight: 200;
         background: #fff;
         color: $color-gray;
         border-radius: 6px;
 
+        @include bp (sm) {
+            font-size: rem(20px);
+        }
+
         // Icon
         .icon {
             display: flex;
             align-items: center;
             justify-content: center;
-            width: 64px;
-            height: 64px;
+            width: 3.6em;
+            height: 3.6em;
             margin-bottom: 16px;
             color: #FF6C89;
             background: $color-cream;
             border-radius: 100%;
+
+            svg {
+                display: block;
+                width: auto;
+                height: 50%;
+                object-fit: contain;
+            }
         }
     }
 

src/style/pages/_viewer-photo.scss

@@ -185,8 +185,10 @@
             }
 
             // Icon
-            img {
+            .icon {
                 display: inline-block;
+                width: 17px;
+                height: 17px;
                 margin-top: -5px;
                 margin-right: 12px;
             }