/**

• svgr
• import GlobeIcon from "@/assets/globe.svg";

•     <GlobeIcon
       width={iconSize}
       height={iconSize}
       className="transition-all fill-red-500 duration-300"
     />
  
     <div className="flex gap-6 items-center mt-8">
       <div className="text-center">
         <GlobeIcon className="fill-blue-500" width={32} height={32} />
         <p className="text-xs mt-2">className fill</p>
       </div>
       <div className="text-center">
         <GlobeIcon className="fill-red-500" width={32} height={32} />
         <p className="text-xs mt-2">fill-red-500</p>
       </div>
       <div className="text-center">
         <GlobeIcon className="fill-green-600" width={32} height={32} />
         <p className="text-xs mt-2">fill-green-600</p>
       </div>
       <div className="text-center">
         <GlobeIcon fill="#f59e0b" width={32} height={32} />
         <p className="text-xs mt-2">fill prop</p>
       </div>
     </div>
  

*/