src/assets/imgs/icon-hamburguer-closed.svg

@@ -1,5 +0,0 @@
-<svg width="28" height="23" viewBox="0 0 28 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M26.25 19.0001H1.75002C0.783509 19.0001 0 19.7836 0 20.7501C0 21.7166 0.783508 22.5001 1.75002 22.5001H26.25C27.2165 22.5001 28 21.7166 28 20.7501C28 19.7836 27.2165 19.0001 26.25 19.0001Z" fill="white"/>
-<path d="M26.25 9.5H1.75002C0.783509 9.5 0 10.2835 0 11.25C0 12.2165 0.783508 13 1.75002 13H26.25C27.2165 13 28 12.2165 28 11.25C28 10.2835 27.2165 9.5 26.25 9.5Z" fill="white"/>
-<path d="M26.25 0H1.75002C0.783509 0 0 0.783509 0 1.75002C0 2.71652 0.783508 3.50003 1.75002 3.50003H26.25C27.2165 3.50003 28 2.71652 28 1.75002C28 0.783509 27.2165 0 26.25 0Z" fill="white"/>
-</svg>

src/assets/imgs/icon-hamburguer-open.svg

@@ -1,4 +0,0 @@
-<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.2284 1.28215L1.22996 10.9942C0.550673 11.6541 0.568968 12.7044 1.27083 13.3401C1.97268 13.9759 3.09232 13.9564 3.77161 13.2966L13.77 3.58449C14.4493 2.92466 14.431 1.87436 13.7292 1.23858C13.0273 0.602806 11.9077 0.622311 11.2284 1.28215Z" fill="white"/>
-<path d="M1.65213 3.40819L10.8751 13.7186C11.5082 14.4263 12.6262 14.5239 13.3724 13.9366C14.1185 13.3493 14.2102 12.2995 13.5771 11.5918L4.35414 1.28143C3.72107 0.573715 2.603 0.476092 1.85686 1.06338C1.11072 1.65067 1.01906 2.70048 1.65213 3.40819Z" fill="white"/>
-</svg>

src/components/Footer/BackToTopButton.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
-import ArrowIcon from "../../assets/imgs/ArrowIcon.svg";
-import WhatsAppIcon from "../../assets/imgs/WhatsAppIcon.svg";
+import ArrowIcon from "./assets/icons/ArrowIcon.svg";
+import WhatsAppIcon from "./assets/icons/WhatsAppIcon.svg";
 
 const BackToTopButton = () => {
   const [backToToButton, setBackToToButton] = useState(false);

src/components/Footer/FooterTop.tsx

@@ -1,10 +1,10 @@
 import styles from "./Footer.module.scss";
-import FacebookIcon from "../../assets/imgs/FacebookIcon.svg";
-import InstagramIcon from "../../assets/imgs/InstagramIcon.svg";
-import TwitterIcon from "../../assets/imgs/TwitterIcon.svg";
-import YoutubeIcon from "../../assets/imgs/YoutubeIcon.svg";
-import LinkedInIcon from "../../assets/imgs/LinkedInIcon.svg";
-import PlusIcon from "../../assets/imgs/PlusIcon.svg";
+import FacebookIcon from "./assets/icons/FacebookIcon.svg";
+import InstagramIcon from "./assets/icons/InstagramIcon.svg";
+import TwitterIcon from "./assets/icons/TwitterIcon.svg";
+import YoutubeIcon from "./assets/icons/YoutubeIcon.svg";
+import LinkedInIcon from "./assets/icons/LinkedInIcon.svg";
+import PlusIcon from "./assets/icons/PlusIcon.svg";
 import { BackToTopButton } from "./BackToTopButton";
 
 const FooterTop = () => {

src/components/Header/Header.module.scss

@@ -124,7 +124,7 @@ header {
         border: 2px solid $primary-700;
         border-radius: 5px;
         padding: 8px 44px 8px 16px;
-        background-image: url("../../assets/imgs/magnifying-glass.svg");
+        background-image: url("./assets/icons/magnifying-glass.svg");
         background-repeat: no-repeat;
         background-position: bottom 50% right 16px;
         background-size: 18px;

src/components/Header/Header.tsx

@@ -2,7 +2,7 @@ import { HeaderContentTop } from "./HeaderContentTop";
 import styles from "./Header.module.scss";
 import { HeaderContentBottom } from "./HeaderContentBottom";
 import { useState, useEffect } from "react";
-import Icon__Menu from "../../assets/imgs/IconMenu.svg";
+import Icon__Menu from "./assets/icons/IconMenu.svg";
 
 const Header = () => {
   const [menuIsVisible, setMenuIsVisible] = useState(false);

src/components/Header/HeaderContentTop.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import styles  from "./Header.module.scss"
-import Logo from "../../assets/imgs/logom3.svg";
-import Cart from "../../assets/imgs/cart.svg";
-import Icon__Menu__Closed from "../../assets/imgs/IconMenuClosed.svg";
+import Logo from "./assets/icons/logom3.svg";
+import Cart from "./assets/icons/cart.svg";
+import Icon__Menu__Closed from "./assets/icons/IconMenuClosed.svg";
 
 interface HeaderContentProps {
   menuIsVisible: boolean;

src/components/Main/Main.tsx

@@ -1,7 +1,7 @@
 import { BrowserRouter, Link } from "react-router-dom";
 import Rotas from "../../config/routes";
-import HomeIcon from "../../assets/imgs/HomeIcon.svg";
-import ArrowPointToRight from "../../assets/imgs/ArrowPointToRight.svg";
+import HomeIcon from "./assets/icons/HomeIcon.svg";
+import ArrowPointToRight from "./assets/icons/ArrowPointToRight.svg";
 import {NavLinkContent} from "./NavLink/NavLink";
 import styles from "./Main.module.scss";